使用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 THICKBOX弹出层插件
Aug 30 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
Aug 13 Javascript
当jQuery1.7遇上focus方法的问题
Jan 26 Javascript
ajax提交表单实现网页无刷新注册示例
May 08 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
May 09 Javascript
JavaScript中const、var和let区别浅析
Oct 11 Javascript
JS正则替换去空格的方法
Mar 24 Javascript
BootStrap 导航条实例代码
May 18 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
Jun 17 Javascript
Js中使用正则表达式验证输入是否有特殊字符
Sep 07 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
js实现简单模态框实例
Nov 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
神族 Protoss 剧情介绍
2020/03/14 星际争霸
PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
获取URL文件名后缀
2013/10/24 PHP
php+mysql大量用户登录解决方案分析
2014/12/29 PHP
PHP中的print_r 与 var_dump 输出数组
2016/06/13 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
总结一些js自定义的函数
2006/08/05 Javascript
用htc组件制作windows选项卡
2007/01/13 Javascript
JS backgroundImage控制
2009/05/19 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
Node.js中创建和管理外部进程详解
2014/08/16 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
2016/12/12 Javascript
vue百度地图 + 定位的详解
2019/05/13 Javascript
Vue通过provide inject实现组件通信
2020/09/03 Javascript
Python3遍历目录树实现方法
2015/05/22 Python
python修改字典内key对应值的方法
2015/07/11 Python
Python基于贪心算法解决背包问题示例
2017/11/27 Python
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
python实现黑客字幕雨效果
2018/06/21 Python
python让列表倒序输出的实例
2018/06/25 Python
关于Python作用域自学总结
2019/06/10 Python
Pandas之Dropna滤除缺失数据的实现方法
2019/06/25 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
python实现在内存中读写str和二进制数据代码
2020/04/24 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
巴西化妆品商店:Lojas Rede
2019/07/26 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
do you have any Best Practice for testing
2016/06/04 面试题
公司门卫岗位职责范本
2014/07/08 职场文书
2015年营业员工作总结
2015/04/23 职场文书
工作建议书范文
2019/07/08 职场文书