使用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 相关文章推荐
用cookies实现的可记忆的样式切换效果代码下载
Dec 24 Javascript
Javascript面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
ExtJs中gridpanel分组后组名排序实例代码
Dec 02 Javascript
jquery获得option的值和对option进行操作
Dec 13 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
Feb 20 Javascript
JavaScript中日期的相关操作方法总结
Oct 24 Javascript
浅析location.href跨窗口调用函数
Nov 22 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
js 显示日期时间的实例(时间过一秒加1)
Oct 25 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
May 07 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
jQuery实现日历效果
Sep 11 jQuery
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
thinkPHP实现表单自动验证
2014/12/24 PHP
老生常谈文本文件和二进制文件的区别
2017/02/27 PHP
基于PHP的微信公众号的开发流程详解
2020/08/07 PHP
Javascript isArray 数组类型检测函数
2009/10/08 Javascript
jquery foreach使用示例
2013/09/12 Javascript
浅谈Unicode与JavaScript的发展史
2015/01/19 Javascript
js创建jsonArray传输至后台及后台全面解析
2016/04/11 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
react-router实现跳转传值的方法示例
2017/05/27 Javascript
jQuery使用bind函数实现绑定多个事件的方法
2017/10/11 jQuery
vue element项目引入icon图标的方法
2018/06/06 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
python实现Flappy Bird源码
2018/12/24 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
Python数据类型之String字符串实例详解
2019/05/08 Python
python2和python3实现在图片上加汉字的方法
2019/08/22 Python
Python如何基于smtplib发不同格式的邮件
2019/12/30 Python
Python新手如何进行闭包时绑定变量操作
2020/05/29 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
python基于selenium爬取斗鱼弹幕
2021/02/20 Python
管道维修工岗位职责
2013/12/27 职场文书
小学国庆节活动方案
2014/02/11 职场文书
开业庆典策划方案
2014/02/18 职场文书
法律顾问服务方案
2014/05/15 职场文书
环境日宣传活动总结
2014/07/09 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
新闻人物通讯稿
2014/10/09 职场文书
婚宴新郎致辞
2015/07/28 职场文书
礼仪培训心得体会
2016/01/22 职场文书
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android
logback如何自定义日志存储
2021/08/30 Java/Android