使用jquery修改表单的提交地址基本思路

基本思路:


通过使用jquery选择器得到对应表单的jquery对象,然后使用attr方法修改对应的action


示例程序一:


默认情况下,该表单会提交到page_one.html


点击button之后,表单的提交地址就会修改为page_two.html



复制代码 代码如下:



<!doctype html>


<html>


<head>


<meta charset=”utf-8″>


<title>jquery test</title>


<script” width=100% 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” width=100% 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>



SyntaxHighlighter.highlight();