用JS动态改变表单form里的action值属性的两种方法
方法1:
<formid="form1"name="form1"method="post"action="../news/index.asp">
<tablewidth="100%"height="43"border="0"cellpadding="0"cellspacing="0">
<tr>
<tdheight="28"><inputname="keyword"type="text"style="width:150px"id="keyword"/></td>
</tr>
<tr>
<tdheight="28"><selectname="Searchtype"style="width:110px"id="Searchtype"onchange="Searchtype1();">
<optionvalue="news"selected="selected">新闻中心</option>
<optionvalue="case">工程案例</option>
</select>
<inputtype="submit"name="Submit"value="搜索"/></td>
</tr>
</table>
</form>
<scriptlanguage="javascript">
functionSearchtype1(){
vartype=document.getElementById("Searchtype").options[document.getElementById("Searchtype").selectedIndex].value;
if(type=="news"){document.getElementById("form1").action="../news/index.asp"}
elseif(type=="case"){document.getElementById("form1").action="../case/index.asp"}
}
</script>
方法2:
<html>
<head>
<scriptlanguage="javascript">
functioncheck(){
if(document.form1.a[0].checked==true)
document.form1.action="1.htm"
else
document.form1.action="2.htm"
}
</script>
</head>
<body>
<formname="form1"method="post"action=""onSubmit="check();">
转到页面一<inputtype="radio"name="a">
转到页面二<inputtype="radio"name="a">
<inputname=""type="submit"value="提交">
</form>
</body>
</html>
以上这篇用JS动态改变表单form里的action值属性的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。