手机
当前位置:查字典教程网 >编程开发 >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仿gmail实现fixed布局的方法

jquery使用经验小结

Jquery注册事件实现方法

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

jquery预加载图片的方法

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

禁止按回车键提交表单的方法

AspNet中使用JQuery上传插件Uploadify详解

JQuery使用index方法获取Jquery对象数组下标的方法

表单的一些基本用法与技巧

精品推荐
分类导航