`
starbhhc
  • 浏览: 631579 次
  • 性别: 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方法和属性
评论
发表评论

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

相关推荐

    动态设置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获取网页表单action属性的方法

    主要介绍了JavaScript获取网页表单action属性的方法,涉及javascript操作表单属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

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

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

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

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

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

    下面小编就为大家带来一篇用JS动态改变表单form里的action值属性的两种方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    jsp页面js调用form表单的值的方法

    在一个jsp页面中，定义了一个用户登录界面（以form表单定义），但要达到检验输入的信息的合法性，就需要对输入的...有的页面可以用action传参来得到form中输入的信息值，但有的页面却不适用，必须在跳转前就进行检验。

    JS提交form表单实例分析

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

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

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

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

    &lt;form id=myFormId name=myForm action= method=post&gt; &lt;input type=hidden id=inParam name=...熟悉JavaScript的朋友一定晓得JS可以动态改变form表单中action的值，写法如下： document.myForm.action =

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

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

    html form表单input使用disabled后提交不能获取表单值的解决方法

    form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法： 方法一： 使用readonly带替代disabled，即把 disabled="disabled" 修改为 readonly="readonly" 二者区别： ...

    【JavaScript源代码】HTML form表单提交方法案例详解.docx

    　form表单提交方式总结一下：　一、利用submit按钮实现提交，当点击submit按钮时，触发onclick事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false, 不提交，如果不为空，提交到由action指定的地址...

    form表单action提交的js部分与html部分

    1、JS部分代码 代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $(“#”+formName).attr(“action”,action); //var f = document.getElementsByTagName(“form”)...

    jquery动态改变form属性提交表单

    有些情况下，同一个form在不同的情况下提交到不同的处理动作，可以在js中动态改变form的属性，满足不同条件的form提交需求。 如： 代码如下: &lt;form id=”form” name=”form” method=”POST” enctype=”...

    解决form中action属性后面?传递参数 获取不到的问题

    下面小编就为大家带来一篇解决form中action属性后面?传递参数 获取不到的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    js验证表单 js验证表单

    js表单验证控制代码大全 /* 目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能...

    通过button将form表单的数据提交到action层的实例

    下面小编就为大家带来一篇通过button将form表单的数据提交到action层的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    js实现接收表单的值并将值拼在表单action后面的方法

    本文实例讲述了js实现接收表单的值并将值拼在表单action后面的方法。分享给大家供大家参考，具体如下： 今天遇到一个问题，在form表单中有若干个input，其中有一个上传文件的input,现在需要在点击提交按钮时，将不是...

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”&gt;function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...

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