使用jquery修改表单的提交地址

来源：互联网发布：人物杂志知乎编辑：程序博客网时间：2024/05/02 02:31

基本思路：

通过使用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>

0 0