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 保存文件到本地实现方法
Nov 29 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
jquery自定义滚动条插件示例分享
Feb 21 Javascript
jQuery旋转插件jqueryrotate用法详解
Oct 13 Javascript
Vue.js双向绑定操作技巧(初级入门)
Dec 27 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
微信小程序网络请求的封装与填坑之路
Apr 01 Javascript
AugularJS从入门到实践(必看篇)
Jul 10 Javascript
Validform验证时可以为空否则按照指定格式验证
Oct 20 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 Javascript
vue项目前端埋点的实现
Mar 06 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 13 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 $_ENV为空的原因分析
2009/06/01 PHP
PHP setcookie设置Cookie用法(及设置无效的问题)
2011/07/13 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
解决PHP使用CURL发送GET请求时传递参数的问题
2019/10/11 PHP
Dom操作之兼容技巧分享
2011/09/20 Javascript
jquery入门—访问DOM对象方法
2013/01/07 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
2013/03/19 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
2014/04/25 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
JavaScript实现汉字转换为拼音的库文件示例
2016/12/22 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
JS异步加载的三种实现方式
2017/03/16 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
Sublime Text新建.vue模板并高亮(图文教程)
2017/10/26 Javascript
React组件中的this的具体使用
2018/02/28 Javascript
Python判断Abundant Number的方法
2015/06/15 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
python计算两个矩形框重合百分比的实例
2018/11/07 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
Python实现区域填充的示例代码
2021/02/03 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
应届毕业生自我鉴定范文
2013/12/27 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
最感人的道歉情书
2015/05/12 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS