欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-05-07 17:01:58
基本思路： 通过使用jquery选择器得到对应表单的jquery对象，然后使用attr方法修改对应的action 示例程序一： 默认情况下，该表单会提交到page...

基本思路：

通过使用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>
<p>
<form action="page_one.html" id="qianshou">
<input type="text"/>
<input type="submit" value="提 交"/>
</form>
</p>
<p>
<button name="update">修改form的提交地址为page_two.html</button>
</p>
</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>
<p>
<form action="page_one.html" id="qianshou">
<input type="text"/>
<input type="submit" value="提 交"/>
</form>
</p>
</body>
<script>
$('form[id=qianshou]').attr('action','page_two.html');
</script>
</html>

上一篇： HTML5+CSS3学习笔记（二） 页面布局：HTML5新元素及其特性

下一篇： 世界上最大的鱿鱼：巨型鱿鱼重达900斤

推荐阅读