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


Posted in Javascript onMay 25, 2016

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

Javascript 相关文章推荐
学习面向对象之面向对象的术语
Nov 30 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
Jul 09 Javascript
javascript常用对话框小集
Sep 13 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 Javascript
js中定义一个变量并判断其是否为空的方法
May 13 Javascript
node.js中的socket.io的广播消息
Dec 15 Javascript
jQuery中:lt选择器用法实例
Dec 29 Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 Javascript
JS实现带阴历的日历功能详解
Jan 24 Javascript
layui使用templet格式化表格数据的方法
Sep 16 Javascript
Angular单元测试之事件触发的实现
Jan 20 Javascript
node.js 如何监视文件变化
Sep 01 Javascript
动态设置form表单的action属性的值的简单方法
May 25 #Javascript
Angularjs过滤器使用详解
May 25 #Javascript
jQuery限制图片大小的方法
May 25 #Javascript
jQuery中设置form表单中action值的实现方法
May 25 #Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 #Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 #Javascript
jQuery短信验证倒计时功能实现方法详解
May 25 #Javascript
You might like
php实现设计模式中的单例模式详解
2014/10/11 PHP
PHP使用feof()函数读文件的方法
2014/11/07 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
25个好玩的JavaScript小游戏分享
2011/04/22 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
2015/12/14 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
Bootstrap BootstrapDialog使用详解
2017/02/17 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
[03:02]2020完美世界城市挑战赛(秋季赛)总决赛回顾
2021/03/11 DOTA
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
Python 40行代码实现人脸识别功能
2017/04/02 Python
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
Python实现购物车程序
2018/04/16 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
如何用Python绘制3D柱形图
2020/09/16 Python
matplotlib阶梯图的实现(step())
2021/03/02 Python
护理学中专毕业生求职信
2013/11/11 职场文书
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
幼儿园大班家长评语
2014/04/17 职场文书
公司建议书怎么写
2014/05/15 职场文书
《为人民服务》教学反思
2016/02/20 职场文书
2016年国庆节假期旅游工作总结
2016/04/01 职场文书
Python基础之元编程知识总结
2021/05/23 Python
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers