手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >使用jquery修改表单的提交地址基本思路
使用jquery修改表单的提交地址基本思路
摘要:基本思路:通过使用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的Scrollify插件实现滑动到页面下一节点

js光标定位文本框回车表单提交问题的解决方法

jquery实现图片左右切换的方法

Jquery中基本选择器用法实例详解

表单提交验证类

jquery预加载图片的方法

jquery中添加属性和删除属性

Jquery注册事件实现方法

jquery实现动态改变div宽度和高度

7个有用的jQuery代码片段分享

精品推荐
分类导航