用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值属性的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。



相关阅读:
PHP实现自动对图片进行滚动显示的方法
Android Camera开发手电筒功能
Win10 10122预览版 更新内容大全
JavaScript显示表单内元素数量的方法
jquery 页面滚动到指定DIV实现代码
Win10启动慢的很慢该怎么办? win10启动加速的全面教程
c#使用wmi查询usb设备信息示例
用HTML5中的Canvas结合公式绘制粒子运动的教程
CSS中怎么让DIV居中亲自实验得出的结论
javascript实现在指定元素中垂直水平居中
分享Visual Studio原生开发的10个调试技巧(2)
C#画笔Pen用法实例
jQuery的each循环用法简单示例
CodeIgniter 完美解决URL含有中文字符串
快速导航

Copyright © 2016 phpStudy |