用JS动态改变表单form里的action值属性的两种方法
更新时间：2016年05月25日 10:42:48 投稿：jingxian
下面小编就为大家带来一篇用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动态改变表单form里的action值属性的两种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了TypeScript 数组Array操作的常用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
只能触发函数的执行，并不能完全模拟出实际的点击。2010-09-09
这篇文章主要介绍了js中getter和setter用法,结合实例形式分析了javascript中getter和setter的功能、使用方法及相关操作注意事项,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了JS 实现微信扫一扫功能,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-09-09
关于我们使用电脑的操作系统，我们通过鼠标点击就能获取，如果我们想用脚本怎么实现javascript获取本机操作系统类型的方法呢，下面给大家分享javascript获取本机操作系统类型的方法，需要的朋友可以参考下2015-08-08
下面小编就为大家带来一篇纯js的右下角弹窗实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
本篇文章主要介绍了浅谈webpack-dev-server的配置和使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
同一个页面, 有多组(不固定), 每组区块数量不一定一样的小区块. 要求每次只展开一个区块，需要的朋友可以参考下。2011-01-01
这篇文章主要介绍了javascript校验价格合法性实例,其中价格必须是数字且必须输入2位小数,需要的朋友可以参考下2014-05-05
下面小编就为大家带来一篇js 实现获取name 相同的页面元素并循环遍历的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
最新评论