使用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 相关文章推荐
javascript 数组的方法集合
Jun 05 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
Dec 20 Javascript
js获取location.href的参数实例代码
Aug 02 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
May 14 Javascript
AngularJS 让人爱不释手的八种功能
Mar 23 Javascript
使用Vue.js创建一个时间跟踪的单页应用
Nov 28 Javascript
jquery实现倒计时小应用
Sep 19 jQuery
使用electron实现百度网盘悬浮窗口功能的示例代码
Oct 24 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
May 10 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
Nov 09 Javascript
vue与django集成打包的实现方法
Nov 11 Javascript
前端使用crypto.js进行加密的函数代码
Aug 16 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读取csv文件并输出的方法
2015/03/14 PHP
thinkPHP导出csv文件及用表格输出excel的方法
2015/12/30 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
30分钟就入门的正则表达式基础教程
2013/02/25 Javascript
JavaScript获取flash对象与网上的有所不同
2014/04/21 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
谈一谈javascript闭包
2016/01/28 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
JS实现简易的图片拖拽排序实例代码
2017/06/09 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
2017/06/16 jQuery
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
详解express + mock让前后台并行开发
2018/06/06 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
2018/07/18 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
微信小程序自定义tabBar在uni-app的适配详解
2019/09/30 Javascript
JS面向对象编程实现的Tab选项卡案例详解
2020/03/03 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
2020/05/06 Javascript
php使用递归与迭代实现快速排序示例
2014/01/23 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
Python求一批字符串的最长公共前缀算法示例
2019/03/02 Python
python 实现交换两个列表元素的位置示例
2019/06/26 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
深入了解Python enumerate和zip
2020/07/16 Python
欧洲高端品牌直销店:Fashionesta
2016/08/31 全球购物
什么是规则表达式
2012/05/03 面试题
2014年计算机专业个人自我评价
2014/01/19 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
给校长的建议书500字
2014/05/15 职场文书
社区创先争优承诺书
2014/08/30 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
老人再婚离婚协议书范本
2014/10/27 职场文书
售后服务承诺函格式
2015/01/21 职场文书
PHP中strval()函数实例用法
2021/06/07 PHP
python unittest单元测试的步骤分析
2021/08/02 Python