使用jquery修改表单的提交地址基本思路
通过使用jquery选择器得到对应表单的jquery对象,然后使用attr方法修改对应的action
示例程序一:
默认情况下,该表单会提交到page_one.html
点击button之后,表单的提交地址就会修改为page_two.html
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>jquerytest</title>
<scriptsrc="jquery-1.11.1.min.js"></script>
</head>
<body>
<div>
<formaction="page_one.html"id="qianshou">
<inputtype="text"/>
<inputtype="submit"value="提交"/>
</form>
</div>
<div>
<buttonname="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
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>jquerytest</title>
<scriptsrc="jquery-1.11.1.min.js"></script>
</head>
<body>
<div>
<formaction="page_one.html"id="qianshou">
<inputtype="text"/>
<inputtype="submit"value="提交"/>
</form>
</div>
</body>
<script>
$('form[id=qianshou]').attr('action','page_two.html');
</script>
</html>
热门推荐
10 万寿祝福语简短
11 锡婚祝福语简短霸气
12 端午发给客户祝福语简短
13 我想找祝福语大全简短
14 八十大寿简短祝福语
15 圣诞祝福语简短小学
16 小红书平安祝福语简短
17 职场祝福语大全 简短精辟
18 怀念青春祝福语简短