使用jquery修改表单的提交地址基本思路
使用jquery修改表单的提交地址基本思路
发布时间:2016-12-30 来源:查字典编辑
摘要:基本思路:通过使用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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类