`
starbhhc
  • 浏览: 655298 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

用JS动态改变表单form里的action值属性的方法

 
阅读更多

方法1：

<form id="form1" name="form1" method="post" action="../news/index.asp">
      <table width="100%" height="43" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="28"><input name="keyword" type="text" style="width:150px" id="keyword"/></td>
        </tr>
        <tr>
          <td height="28"><select name="Searchtype"  style="width:110px" id="Searchtype" onchange="Searchtype1();">
            <option value="news" selected="selected">新闻中心</option>
            <option value="case">工程案例</option>
          </select>
          <input type="submit" name="Submit" value="搜索" /></td>
        </tr>
      </table>
  </form>
  <script language="javascript">
  function Searchtype1(){
  var type=document.getElementById("Searchtype").options[document.getElementById("Searchtype").selectedIndex].value;
  if (type=="news"){document.getElementById("form1").action="../news/index.asp"}
  else if (type=="case"){document.getElementById("form1").action="../case/index.asp"}
  }
  </script>

 

方法2：

<html>
<head>
<script language="javascript">
function check(){
if(document.form1.a[0].checked==true)
document.form1.action="1.htm"
else
document.form1.action="2.htm"
}
</script>
</head>
<body>
<form name="form1" method="post" action="" onSubmit="check();">
转到页面一<input type="radio" name="a">
转到页面二<input type="radio" name="a">
<input name="" type="submit" value="提交">
</form>
</body>
</html>  

分享到：
| JS-DOM Element方法和属性
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript获取网页表单action属性的方法

    需要注意的是，表单的action属性是可以动态改变的，开发者可以通过JavaScript动态地修改表单的action属性，以改变数据提交的目标地址。 例如，如果我们想根据用户的某些操作更改表单提交的目标地址，可以编写如下...

    动态设置form表单的action属性的值的简单方法

    用jQuery时，可如下设置： form表单： &lt;form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"&gt; javascript方法： [removed] function getUrl(){ $('form').attr('action','...

    JavaScript获取表单内所有元素值的方法

    本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下： 下面的JS代码可以遍历指定表单中的所有元素，并输出元素的值 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;form id=...

    用JS动态改变表单form里的action值属性的两种方法

    在这篇文章中，作者介绍了如何使用JavaScript动态地改变HTML表单（form）中的action属性值。action属性定义了表单提交到服务器后将请求发送到的URL。动态改变action属性可以使表单在不同条件下提交到不同的页面，...

    js 提交form表单和设置form表单请求路径的实现方法

    如下所示： form表单ID：postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了，希望大家多多支持软件开发网~

    js form action动态修改方法.docx

    当需要根据用户操作或特定条件动态地改变表单的提交目标时，可以使用JavaScript来修改`form action`属性。以下将详细讲解如何使用JavaScript来动态修改`form action`。 1. **基本语法** 在JavaScript中，可以使用`...

    jQuery中设置form表单中action值的实现方法

    在jQuery这个强大的JavaScript库中，改变`form`表单的`action`属性值是常见的需求，尤其是在动态网页应用中。本文将详细介绍如何使用jQuery来实现这一功能。 首先，一个基本的HTML表单结构如下： ```html &lt;form id...

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    在某些情况下，如果需要在JavaScript中动态指定formaction属性，可以使用如下方式： ```javascript document.getElementById('yourButton').formAction="***提交"; ``` 需要注意的是，上述方法一和方法二都适用于...

    JS提交form表单实例分析

    本文实例讲述了JS提交form表单。分享给大家供大家参考，具体如下： 一、javascript 页面加裁时自动提交表单： Form表单： &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value=...

    JavaScript动态创建form表单并提交的实现方法

    7. 提交表单后，为了不影响页面其他元素，通常会使用removeChild方法将动态创建的form元素从DOM中移除。 JavaScript代码示例如下： ```javascript function MakeForm() { // 创建一个form元素 var form1 = ...

    ExtJs 动态添加表单

    在ExtJS中，我们可以使用`Ext.container.Container`类来创建一个容器，然后设置布局为`form`，以便容纳表单字段。例如： ```javascript var formPanel = Ext.create('Ext.form.Panel', { layout: 'form', items...

    js提交form表单,并传递参数的实现方法

    //增加的函数 begin function queryFun(){ ... //表示没有输入要搜索的值 hasInputed="0"; } document.getElementById("queryForm").action="../news/starList.do?inputData="+hasInputed+"&artType="+type; docu

    form表单的异步回调方法

    默认情况下，表单提交会引发页面重定向，使用`&lt;form&gt;`的`action`属性指定处理表单数据的URL，`method`属性定义请求类型（GET或POST）。 2. **阻止默认行为（Preventing Default Behavior）**：为了阻止表单提交导致...

    漂亮的form表单-漂亮的form表单

    使用CSS来改变表单元素的外观，包括字体、颜色、边框、背景等。例如，可以设置输入框的圆角、边框宽度和内填充： ```css input[type="text"], input[type="password"] { border-radius: 5px; border: 1px solid...

    给Form动态赋值并动态转向

    2. **JavaScript动态修改Action属性**：通过JavaScript可以动态修改表单的`action`属性，从而改变表单提交的目标。这里的`FormSubmit`函数实现了这一功能。 ```javascript function FormSubmit() { document....

    JS验证页面form表单数据，齐全

    在form表单上添加一个提交事件调用验证数据方法 &lt;form name="listform" action="resume-doAdd" method="post" onsubmit="return Validator.Validate(this,3);"&gt; 请输入正确的手机号！" requiremsg="移动电话不能为...

    原生js form表单美化插件表单元素input select下拉框

    3. 表单事件：如onsubmit（提交时触发）、onchange（元素值改变时触发）等，可以通过JavaScript进行响应处理。 二、input元素美化 1. CSS样式：通过设置input元素的CSS样式，如border、background-color、padding、...

Magicbox
Global site tag (gtag.js) - Google Analytics