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 相关文章推荐
关于html+ashx开发中几个问题的解决方法
Jul 18 Javascript
DOM2非标准但却支持很好的几个属性小结
Jan 21 Javascript
JavaScript初学者应注意的七个细节详细介绍
Dec 27 Javascript
JavaScript中Null与Undefined的区别解析
Jun 30 Javascript
JavaScript实现文字跟随鼠标特效
Aug 06 Javascript
js中对函数设置默认参数值的3种方法
Oct 23 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
一些实用性较高的js方法
Apr 19 Javascript
JavaScript获取服务器时间的方法详解
Dec 11 Javascript
微信小程序图表插件(wx-charts)实例代码
Jan 17 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
Jan 22 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
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
PHP学习之PHP表达式
2006/10/09 PHP
笑谈配置,使用Smarty技术
2007/01/04 PHP
php FPDF类库应用实现代码
2009/03/20 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
PHP中加密解密函数与DES加密解密实例
2014/10/17 PHP
php批量修改表结构实例
2017/05/24 PHP
javascript 得到变量类型的函数
2010/05/19 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
2011/10/19 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
ExtJS4中的requires使用方法示例介绍
2013/12/03 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
js实现鼠标点击文本框自动选中内容的方法
2015/08/20 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
2015/09/24 Javascript
JavaScript字符串删除重复字符的方法
2015/12/25 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
2016/12/05 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
js实现二级菜单点击显示当前内容效果
2018/04/28 Javascript
微信小程序websocket实现聊天功能
2020/03/30 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
2020/10/28 Javascript
[01:22:42]2014 DOTA2华西杯精英邀请赛 5 24 DK VS LGD
2014/05/26 DOTA
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
在python中使用with打开多个文件的方法
2019/01/07 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
DJango的创建和使用详解(默认数据库sqlite3)
2019/11/18 Python
深入浅析python的第三方库pandas
2020/02/13 Python
Django ForeignKey与数据库的FOREIGN KEY约束详解
2020/05/20 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
县优秀教师事迹材料
2014/01/31 职场文书
税务干部鉴定材料
2014/02/11 职场文书
汽车销售员如何做职业生涯规划
2014/02/16 职场文书
应聘会计求职信
2014/06/11 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
煤矿安全生产管理协议书
2016/03/22 职场文书
广告文案的撰写技巧(实用干货)
2019/08/23 职场文书
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js