用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 相关文章推荐
js+FSO遍历文件夹下文件并显示
Mar 07 Javascript
jQuery 获取URL参数的插件
Mar 04 Javascript
javascript dom代码应用 简单的相册[firefox only]
Jun 12 Javascript
前端开发必须知道的JS之原型和继承
Jul 06 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
通过url查找a元素并点击
Apr 09 Javascript
JQUERY表单暂存功能插件分享
Feb 23 Javascript
js通过指定下标或指定元素进行删除数组的实例
Jan 12 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
Aug 27 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
Dec 19 Javascript
node.js文件操作系统实例详解
Nov 05 Javascript
JavaScript封装单向链表的示例代码
Sep 17 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
支持oicq头像的留言簿(一)
2006/10/09 PHP
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
php递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
PHP导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
php入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
PHP写的获取各搜索蜘蛛爬行记录代码
2012/08/21 PHP
php数组合并的二种方法
2014/03/21 PHP
php中注册器模式类用法实例分析
2015/11/03 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
Javascript中实现String.startsWith和endsWith方法
2015/06/10 Javascript
Node.js+Express配置入门教程详解
2016/05/19 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
2017/12/09 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
小程序兼容安卓和IOS数据处理问题及坑
2018/09/18 Javascript
iview在vue-cli3如何按需加载的方法
2018/10/31 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
在Python中使用M2Crypto模块实现AES加密的教程
2015/04/08 Python
浅谈Python中函数的参数传递
2016/06/21 Python
flask-restful使用总结
2018/12/04 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
python实现梯度下降和逻辑回归
2020/03/24 Python
30行Python代码实现高分辨率图像导航的方法
2020/05/22 Python
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
Madewell澳大利亚官方网站:美国休闲服饰品牌
2019/07/18 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
建材业务员岗位职责
2013/12/08 职场文书
餐厅总经理岗位职责
2013/12/31 职场文书
2014年上半年工作自我评价
2014/01/18 职场文书
亚运会口号
2014/06/20 职场文书
我们的节日国庆活动方案
2014/08/19 职场文书
处级干部考察材料
2014/12/24 职场文书
python字符串常规操作大全
2021/05/02 Python