使用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的学习步骤
Feb 23 Javascript
使用Firebug对js进行断点调试的图文方法
Apr 02 Javascript
js原生态函数中使用jQuery中的 $(this)无效的解决方法
May 25 Javascript
js批量设置样式的三种方法不推荐使用with
Feb 25 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
javascript中Date()函数在各浏览器中的显示效果
Jun 18 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
Jan 26 Javascript
vue-router 权限控制的示例代码
Sep 21 Javascript
VueJS实现用户管理系统
May 29 Javascript
Element el-button 按钮组件的使用详解
Feb 01 Javascript
js实现简单图片拖拽效果
Feb 22 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树的代码,可以嵌套任意层
2006/10/09 PHP
自己动手做一个SQL解释器
2006/10/09 PHP
PHP编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
php根据分类合并数组的方法实例详解
2013/11/06 PHP
PHP的一个完美GIF等比缩放类,附带去除缩放黑背景
2014/04/01 PHP
php时间函数用法分析
2016/05/28 PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
2017/03/14 PHP
PHP利用Cookie设置用户30分钟未操作自动退出功能
2017/07/03 PHP
使用laravel和ECharts实现折线图效果的例子
2019/10/09 PHP
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
js如何打印object对象
2015/10/16 Javascript
JS实现的3D拖拽翻页效果代码
2015/10/31 Javascript
基于JS代码实现导航条弹出式悬浮菜单
2016/06/17 Javascript
浅谈angular4实际项目搭建总结
2017/12/01 Javascript
Vue中使用的EventBus有生命周期
2018/07/12 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
layer 刷新某个页面的实现方法
2019/09/05 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13
2020/12/17 DOTA
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
在Django中创建URLconf相关的通用视图的方法
2015/07/20 Python
python基础教程之分支、循环简单用法
2016/06/16 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
详解用pyecharts Geo实现动态数据热力图城市找不到问题解决
2019/06/26 Python
python3正则模块re的使用方法详解
2020/02/11 Python
解决Keras中Embedding层masking与Concatenate层不可调和的问题
2020/06/18 Python
详解python中的lambda与sorted函数
2020/09/04 Python
财务管理职业生涯规划范文
2013/12/27 职场文书
倡议书的写法
2014/08/30 职场文书
学校党员个人问题整改措施思想汇报
2014/10/08 职场文书
2015年党员创先争优公开承诺书
2015/04/27 职场文书
python 用递归实现通用爬虫解析器
2021/04/16 Python
详解Java实现数据结构之并查集
2021/06/23 Java/Android
Redis RDB技术底层原理详解
2021/09/04 Redis