使用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 相关文章推荐
让AJAX不依赖后端接口实现方案
Dec 03 Javascript
javascript利用控件对windows的操作实现原理与应用
Dec 23 Javascript
jQuery数据缓存功能的实现思路及简单模拟
May 27 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
举例讲解jQuery中可见性过滤选择器的使用
Apr 18 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
Nov 04 Javascript
jquery判断页面网址是否有效的两种方法
Dec 11 Javascript
js实现放大镜特效
May 18 Javascript
layer弹窗插件操作方法详解
May 19 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
vue 使用原生组件上传图片的实例
Sep 08 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
MySQL中create table语句的基本语法是
2007/01/15 PHP
Zend Studio for Eclipse的java.lang.NullPointerException错误的解决方法
2008/12/06 PHP
php session 错误
2009/05/21 PHP
php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
利用PHP fsockopen 模拟POST/GET传送数据的方法
2015/09/22 PHP
PHP中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
PHP 匿名函数与注意事项详细介绍
2016/11/26 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
php实现构建排除当前元素的乘积数组方法
2018/10/06 PHP
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
JS实现简单的Canvas画图实例
2013/07/04 Javascript
js带按钮的提示框可供选择示例代码
2013/09/17 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
原生JS查找元素的方法(推荐)
2016/11/22 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
jQuery实现消息弹出框效果
2019/12/10 jQuery
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
使用Python实现BT种子和磁力链接的相互转换
2015/11/09 Python
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
python numpy 一维数组转变为多维数组的实例
2018/07/02 Python
python write无法写入文件的解决方法
2019/01/23 Python
对Python强大的可变参数传递机制详解
2019/06/13 Python
Python 进程操作之进程间通过队列共享数据,队列Queue简单示例
2019/10/11 Python
18个Python脚本可加速你的编码速度(提示和技巧)
2019/10/17 Python
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
三年级数学教学反思
2014/01/31 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
服务理念标语
2014/06/18 职场文书
球队口号
2014/06/18 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
教师见习总结范文
2015/06/23 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
python删除csv文件的行列
2021/04/06 Python