使用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 相关文章推荐
ie和firefox中img对象区别的困惑
Dec 27 Javascript
js换图片效果可进行定时操作
Jun 09 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
Feb 26 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
May 16 Javascript
微信小程序 设置启动页面的两种方法
Mar 09 Javascript
JS实现的Unicode编码转换操作示例
Apr 28 Javascript
基于require.js的使用(实例讲解)
Sep 07 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
Aug 22 Javascript
详解vue-cli3多环境打包配置
Mar 28 Javascript
JS实现的字符串数组去重功能小结
Jun 17 Javascript
JS 图片压缩原理与实现方法详解
Apr 29 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
Oct 23 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实现微信公众平台音乐点播
2014/03/20 PHP
PHP包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
CI框架中cookie的操作方法分析
2014/12/12 PHP
PHP请求Socket接口测试实例
2016/08/12 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
2011/11/10 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
2015/03/30 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
jQuery实现的多滑动门,多选项卡效果代码
2016/03/28 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
2016/04/12 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
Django imgareaselect手动剪切头像实现方法
2015/05/26 Python
Python实现在线音乐播放器
2017/03/03 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
Python企业编码生成系统之主程序模块设计详解
2019/07/26 Python
Python3 集合set入门基础
2020/02/10 Python
python实现音乐播放和下载小程序功能
2020/04/26 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
Crocs波兰官方商店:女鞋、男鞋、童鞋、洞洞鞋
2019/10/08 全球购物
设置器与访问器的定义以及各自特点
2016/01/08 面试题
施工人员岗位职责
2013/12/12 职场文书
简历上的自我评价
2014/02/03 职场文书
《太阳》教学反思
2014/02/21 职场文书
关于梦想的演讲稿
2014/05/05 职场文书
2014年党支部承诺书
2014/05/30 职场文书
安全先进个人材料
2014/12/29 职场文书
焦裕禄纪念馆观后感
2015/06/09 职场文书
2016应届毕业生实习评语
2015/12/01 职场文书
分享五个Node.js开发的优秀实践 
2022/04/07 NodeJs