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 相关文章推荐
浅析js中的浮点型运算问题
Jan 06 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
Apr 20 Javascript
使用InstantClick.js让页面提前加载200ms
Sep 12 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
Nov 16 Javascript
小程序云开发初探(小结)
Oct 24 Javascript
qrcode生成二维码微信长按无法识别问题的解决
Apr 04 Javascript
小程序最新获取用户昵称和头像的方法总结
Sep 23 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
Nov 03 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 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
用php将任何格式视频转为flv的代码
2009/09/03 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
thinkphp5.1框架容器与依赖注入实例分析
2019/07/23 PHP
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
javascript中的一些注意事项 更新中
2010/12/06 Javascript
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
jQuery中first()方法用法实例
2015/01/06 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
javascript多物体运动实现方法分析
2016/01/08 Javascript
JavaScript 闭包详细介绍
2016/09/28 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
jQuery设计思想
2017/03/07 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
在Vue中获取组件声明时的name属性方法
2018/09/12 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
2019/10/08 jQuery
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
React冒泡和阻止冒泡的应用详解
2020/08/18 Javascript
利用python实现命令行有道词典的方法示例
2017/01/31 Python
Python错误提示:[Errno 24] Too many open files的分析与解决
2017/02/16 Python
python实现Zabbix-API监控
2018/09/17 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
实习自荐信
2013/10/13 职场文书
财务会计专业求职信范文
2013/12/31 职场文书
原材料检验岗位职责
2014/03/15 职场文书
创建文明城市标语
2014/06/16 职场文书
党员十八大心得体会
2014/09/12 职场文书
高中生毕业评语
2014/12/30 职场文书
幼儿园开学报名通知
2015/07/16 职场文书
pandas中DataFrame检测重复值的实现
2021/05/26 Python
Python requests用法和django后台处理详解
2022/03/19 Python