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、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
基于BootStarp的Dailog
Apr 28 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
May 24 Javascript
JavaScript事件学习小结(一)事件流
Jun 09 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
详解基于node的前端项目编译时内存溢出问题
Aug 01 Javascript
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
Node.js 多进程处理CPU密集任务的实现
May 26 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 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
isset和empty的区别
2007/01/15 PHP
php auth_http类库进行身份效验
2009/03/19 PHP
PHPEXCEL 使用小记
2013/01/06 PHP
PHP 正则表达式常用函数
2014/08/17 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
浅析js封装和作用域
2013/07/09 Javascript
javascript垃圾收集机制与内存泄漏详细解析
2013/11/11 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
Webpack 实现 Node.js 代码热替换
2015/10/22 Javascript
JavaScript设计模式经典之工厂模式
2016/02/24 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
2019/03/11 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
在vue中根据光标的显示与消失实现下拉列表
2019/09/29 Javascript
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
Python入门篇之函数
2014/10/20 Python
Python入门篇之正则表达式
2014/10/20 Python
Python md5与sha1加密算法用法分析
2017/07/14 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
pytorch sampler对数据进行采样的实现
2019/12/31 Python
使用python接受tgam的脑波数据实例
2020/04/09 Python
python对批量WAV音频进行等长分割的方法实现
2020/09/25 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
社区学习十八大感想
2014/01/22 职场文书
财务部总监岗位职责
2014/03/12 职场文书
追悼会主持词
2014/03/20 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
2014年群众路线教育实践活动整改措施
2014/09/24 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
新闻稿件写作技巧
2015/07/18 职场文书
新党员入党决心书
2015/09/22 职场文书
关于战胜挫折的名言警句大全!
2019/07/05 职场文书
导游词之岳阳楼
2019/09/25 职场文书