使用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>
相关文章
jquery.blockUI.js上传滚动等待效果实现思路及代码
上传滚动等待效果想必大家在很多场合都有见过吧,本文将介绍jquery.blockUI.js实现上传滚动等待效果,感兴趣的你可不要错过了哈,希望可以帮助到你2013-03-03GridView中获取被点击行中的DropDownList和TextBox中的值
本文为大家介绍下如何通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值,具体实现嗲吗如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助2013-07-07
最新评论