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


Posted in Javascript onJune 04, 2014

基本思路:

通过使用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 相关文章推荐
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
JS仿百度搜索自动提示框匹配查询功能
Nov 21 Javascript
JavaScript中如何通过arguments对象实现对象的重载
May 12 Javascript
jQuery焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
jquery+javascript编写国籍控件
Feb 12 Javascript
jQuery实现ctrl+enter(回车)提交表单
Oct 19 Javascript
详解javascript跨浏览器事件处理程序
Mar 27 Javascript
超实用的JavaScript代码段 附使用方法
May 22 Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 jQuery
浅谈在koa2中实现页面渲染的全局数据
Oct 09 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
Oct 12 Javascript
Vue实现简单的拖拽效果
Aug 25 Javascript
jQuery操作元素css样式的三种方法
Jun 04 #Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 #Javascript
使用GruntJS构建Web程序之构建篇
Jun 04 #Javascript
使用GruntJS构建Web程序之安装篇
Jun 04 #Javascript
jQuery 隐藏和显示 input 默认值示例
Jun 03 #Javascript
动态读取JSON解析键值对的方法
Jun 03 #Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 #Javascript
You might like
php预定义常量
2006/12/25 PHP
PHP 实例化类的一点摘记
2008/03/23 PHP
ThinkPHP CURD方法之where方法详解
2014/06/18 PHP
全新Mac配置PHP开发环境教程
2016/02/03 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
js Date自定义函数 延迟脚本执行
2010/03/10 Javascript
JavaScript 布尔操作符解析  &amp;&amp; || !
2012/08/10 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
div失去焦点事件实现思路
2014/04/22 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
详解webpack分离css单独打包
2017/06/21 Javascript
vue项目中导入swiper插件的方法
2018/01/30 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
详解vue修改elementUI的分页组件视图没更新问题
2020/11/13 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
布同 统计英文单词的个数的python代码
2011/03/13 Python
Python基于twisted实现简单的web服务器
2014/09/29 Python
深入理解Django的中间件middleware
2018/03/14 Python
pandas取出重复数据的方法
2019/07/04 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
Python实现猜年龄游戏代码实例
2020/03/25 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
学前教育专业毕业生自荐信
2013/10/03 职场文书
电大毕业生自我鉴定
2013/11/10 职场文书
酒店执行总经理岗位职责
2013/12/15 职场文书
班队活动设计方案
2014/01/30 职场文书
公务员诚信承诺书
2014/05/26 职场文书
大学文艺委员竞选稿
2015/11/19 职场文书
Pytorch中TensorBoard及torchsummary的使用详解
2021/05/12 Python
Tomcat安装使用及部署Web项目的3种方法汇总
2022/08/14 Servers