使用jquery修改表单的提交地址基本思路
更新时间：2014年06月04日 15:49:26 作者：
使用jquery选择器得到对应表单的jquery对象，然后使用attr方法修改对应的action,需要的朋友可以参考下
基本思路：
通过使用jquery选择器得到对应表单的jquery对象，然后使用attr方法修改对应的action
示例程序一：
默认情况下，该表单会提交到page_one.html
点击button之后，表单的提交地址就会修改为page_two.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>
<script src="jquery-1.11.1.min.js"></script>
</head>
<body>
<div>
<form action="page_one.html" id="qianshou">
<input type="text"/>
<input type="submit" value="提 交"/>
</form>
</div>
<div>
<button name="update">修改form的提交地址为page_two.html</button>
</div>
</body>
<script>
var $fun = $('button[name=update]');
$fun.click(function(){
$('form[id=qianshou]').attr('action','page_two.html');
});
</script>
</html>
示例程序二：
form本来的action地址是page_one.html，通过jquery直接修改为page_two.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>
<script src="jquery-1.11.1.min.js"></script>
</head>
<body>
<div>
<form action="page_one.html" id="qianshou">
<input type="text"/>
<input type="submit" value="提 交"/>
</form>
</div>
</body>
<script>
$('form[id=qianshou]').attr('action','page_two.html');
</script>
</html>
通过使用jquery选择器得到对应表单的jquery对象，然后使用attr方法修改对应的action
示例程序一：
默认情况下，该表单会提交到page_one.html
点击button之后，表单的提交地址就会修改为page_two.html
复制代码 代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>
<script src="jquery-1.11.1.min.js"></script>
</head>
<body>
<div>
<form action="page_one.html" id="qianshou">
<input type="text"/>
<input type="submit" value="提 交"/>
</form>
</div>
<div>
<button name="update">修改form的提交地址为page_two.html</button>
</div>
</body>
<script>
var $fun = $('button[name=update]');
$fun.click(function(){
$('form[id=qianshou]').attr('action','page_two.html');
});
</script>
</html>
示例程序二：
form本来的action地址是page_one.html，通过jquery直接修改为page_two.html
复制代码 代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>
<script src="jquery-1.11.1.min.js"></script>
</head>
<body>
<div>
<form action="page_one.html" id="qianshou">
<input type="text"/>
<input type="submit" value="提 交"/>
</form>
</div>
</body>
<script>
$('form[id=qianshou]').attr('action','page_two.html');
</script>
</html>
相关文章
ASP.NET中基于JQUERY的高性能的TreeView补充
根据 假正经哥哥 的博客整理，我第一次使用的另外的TREEVIEW，可是 做出来的效果 太卡，不知道什么原因。这次用的假正经哥哥的这篇文章。2011-02-02
这篇文章主要介绍了用jQuery实现的智能隐藏、带滑动效果的返回顶部代码,非常实用,需要的朋友可以参考下2014-03-03
这篇文章主要给大家分享了一些Jquery api 速查表，十分的全面，这里推荐给大家,需要的朋友可以参考下2015-01-01
这篇文章主要为大家介绍了jQuery实现点击按钮滚动元素功能详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要介绍了jQuery子窗体取得父窗体元素的方法,涉及jQuery窗体元素操作的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
我们常常会遇到这样的情况，一个系统中有大量的需要对一个行进行复制添加，希望能够进行批量的操作，这个时候，我们就可以考虑把它做成一个jquery插件了.2011-10-10
我们希望表单提交以后，能reset，由于jquery没有这个方法，所以只能采用其他的方法来实现了，具体如下，有此需求的朋友可以参考下，希望对大家有所帮助2013-08-08
刚开始接触jquery，很多东西不熟悉在用$("#id")来获得页面的input元素的时候，发现$("#id").value不能取到值2010-08-08
本篇文章主要是对jquery实现checkbox全选全不选的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
最近基于jQuery和Bootstrap框架实现了一个仿知乎动态列表的前端效果，基本实现了和知乎动态列表相同的效果，下面小编通过本文给大家分享实现思路及代码，对bootstrap 实现仿知乎前端动态列表效果感兴趣的朋友一起看看吧2016-11-11
最新评论