使用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阻止浏览器后退事件防止误操作清空表单
Nov 22 Javascript
JavaScript每天定时更换皮肤样式的方法
Jul 01 Javascript
Javascript实现Array和String互转换的方法
Dec 21 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
Feb 09 Javascript
Angular2.js实现表单验证详解
Jun 23 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
Mar 29 Javascript
手动用webpack搭建第一个ReactApp的示例
Apr 11 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
Jun 04 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
Jul 03 Javascript
vue实现表格过滤功能
Sep 27 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
javascript中的五种基本数据类型
2015/08/26 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
2015/09/19 Javascript
javascript省市级联功能实现方法实例详解
2015/10/20 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
2016/11/16 Javascript
jquery一键控制checkbox全选、反选或全不选
2017/10/16 jQuery
Angular使用cli生成自定义文件、组件的方法
2018/09/04 Javascript
nodejs微信开发之自动回复的实现
2019/03/17 NodeJs
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
[03:40]2014DOTA2国际邀请赛 B神专访:躲箭真的很难
2014/07/13 DOTA
python中函数传参详解
2016/07/03 Python
Python 爬虫多线程详解及实例代码
2016/10/08 Python
Python字典简介以及用法详解
2016/11/15 Python
Python快速查找list中相同部分的方法
2018/06/27 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
如何使用python操作vmware
2019/07/27 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
python 多进程和协程配合使用写入数据
2020/10/30 Python
值得收藏的HTML5资源(学习html5的朋友可以收藏下)
2010/07/20 HTML / CSS
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
澳大利亚在线购买葡萄酒:The Wine Collective
2020/02/20 全球购物
技校毕业生的自我评价
2013/12/27 职场文书
平民服装店创业计划书
2014/01/17 职场文书
会议邀请书范文
2014/02/02 职场文书
大学生个人自荐信
2014/02/24 职场文书
《在大海中永生》教学反思
2014/02/24 职场文书
春节联欢会主持词
2014/03/24 职场文书
人民调解员培训方案
2014/06/05 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2015年财务部工作总结
2015/04/10 职场文书
学校财务管理制度
2015/08/04 职场文书
mysql获取指定时间段中所有日期或月份的语句(不设存储过程,不加表)
2021/06/18 MySQL
Redis缓存-序列化对象存储乱码问题的解决
2021/06/21 Redis
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python