jquery动态改变form属性提交表单


Posted in Javascript onJune 03, 2014

有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求。

如:

<form id="form" name="form" method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe"> 
<input type="file" name="file" id="file" class="input_text80"></input> 
<input id="name" name="name"/> 
<input type="button" value="更新到探测点" onClick="javascript:formSubmit();"></input> 
</form> 
<iframe name="iframe"></iframe>

现在需要条件1的情况下按上面的方式提交,以method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe"提交到action1.jsp进行处理;条件2的情况下需要按照普通文本方式提交到action2.jsp处理,并打开新页面。则需要通过js的方式动态改变form的属性:
function formSubmit(){ 
if(flag=="1"){ 
$("#form").submit(); 
}else if(flag=="2"){ 
$("#form").attr("action","deployResult.jsp"); 
$("#form").attr("target","_blank"); 
$("#form").attr("method","GET"); 
$("#form").attr("enctype","application/x-www-form-urlencoded"); 
$("#form").attr("encoding","application/x-www-form-urlencoded"); 
$("#form").submit(); 
} 
}

注:

改变form的enctype属性时,如果只写$("#form").attr("enctype","application/x-www-form-urlencoded");
将不起作用,必须将以下两句结合才能生效:

$("#form").attr("enctype","application/x-www-form-urlencoded"); 
$("#form").attr("encoding","application/x-www-form-urlencoded");

其中,enctype的属性值含义参考博文《HTML <form> 标签的 enctype 属性》
Javascript 相关文章推荐
Javascript中eval函数的使用方法与示例
Apr 09 Javascript
js TextArea的选中区域处理
Dec 28 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
Aug 02 Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
Dec 26 Javascript
JavaScript获取图片的原始尺寸以宽度为例
May 04 Javascript
angularJS 中input示例分享
Feb 09 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
Sep 21 Javascript
JavaScript实现的反序列化json字符串操作示例
Jul 18 Javascript
微信小程序实现顶部导航特效
Jan 28 Javascript
javascript中如何判断类型汇总
May 14 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
Jul 22 Javascript
vue实现列表垂直无缝滚动
Apr 08 Vue.js
javascript判断是手机还是电脑访问网页的简单实例分享
Jun 03 #Javascript
jQuery学习笔记之jQuery构建函数的7种方法
Jun 03 #Javascript
在myeclipse中如何加入jquery代码提示功能
Jun 03 #Javascript
jQuery学习笔记之总体架构
Jun 03 #Javascript
jquery控制select的text/value值为选中状态
Jun 03 #Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 #Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 #Javascript
You might like
如何使用Strace调试工具
2013/06/03 PHP
PHP实现变色验证码实例
2014/01/06 PHP
PHP四大安全策略
2014/03/12 PHP
phpmyadmin中禁止外网使用的方法
2014/11/04 PHP
php使用curl出现Expect:100-continue解决方法
2015/03/03 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
2013/05/15 Javascript
Jquery事件的连接使用示例
2013/06/18 Javascript
如何判断微信内置浏览器(通过User Agent实现)
2014/09/01 Javascript
了不起的node.js读书笔记之node.js中的特性
2014/12/22 Javascript
JS替换字符串中空格方法
2015/04/17 Javascript
Angular的事件和表单详解
2016/12/26 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
在js代码拼接dom对象到页面上的模板总结
2018/10/21 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
2019/12/02 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
Js跳出两级循环方法代码实例
2020/09/22 Javascript
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python标准库之循环器(itertools)介绍
2014/11/25 Python
Python格式化css文件的方法
2015/03/10 Python
Python实现采用进度条实时显示处理进度的方法
2017/12/19 Python
python实现数独游戏 java简单实现数独游戏
2018/03/30 Python
python内置数据类型之列表操作
2018/11/12 Python
Python验证码截取识别代码实例
2020/05/16 Python
Python如何读写字节数据
2020/08/05 Python
机电一体化专业应届本科生求职信
2013/09/27 职场文书
优秀生推荐信范文
2013/11/28 职场文书
双语教学实施方案
2014/03/23 职场文书
新书发布会策划方案
2014/06/09 职场文书
幼儿园法制宣传日活动总结
2014/11/01 职场文书
2014公司年终工作总结
2014/12/19 职场文书