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

178 阅读 0 评论 118 点赞

我是靠谱客的博主舒心钢笔，最近开发中收集的这篇文章主要介绍使用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 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> 