手机
当前位置:查字典教程网 >编程开发 >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使用经验小结

jquery预加载图片的方法

jQuery的Scrollify插件实现滑动到页面下一节点

AspNet中使用JQuery boxy插件的确认框

jQuery实现html表格动态添加新行的方法

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

js实现键盘Enter键提交表单的方法

Jquery注册事件实现方法

jQuery仿gmail实现fixed布局的方法

Jquery实现动态切换图片的方法

精品推荐
分类导航