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 强制刷新页面的实现代码
Dec 13 Javascript
jquery封装的对话框简单实现
Jul 21 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
七个很有意思的PHP函数
May 12 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
Feb 22 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
Jun 17 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
Dec 13 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
layui上传图片到服务器的非项目目录下的方法
Sep 26 Javascript
微信小程序如何实现radio单选框单击打勾和取消
Jan 21 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
如何开发一个虚拟域名系统
2006/10/09 PHP
其他功能
2006/10/09 PHP
PHP 开发环境配置(测试开发环境)
2010/04/28 PHP
浅析PHP中Collection 类的设计
2013/06/21 PHP
Linux下安装PHP MSSQL扩展教程
2014/10/24 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
js实现动态改变字体大小代码
2014/01/02 Javascript
node.js中的fs.truncateSync方法使用说明
2014/12/15 Javascript
实例代码详解jquery.slides.js
2015/11/16 Javascript
jquery利用拖拽方式在图片上添加热链接
2015/11/24 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
2017/01/10 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
javascript读取本地文件和目录方法详解
2020/08/06 Javascript
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角
2020/11/03 DOTA
python登录豆瓣并发帖的方法
2015/07/08 Python
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
pytorch 常用线性函数详解
2020/01/15 Python
HTML5新标签兼容——&gt; 的两种方法
2018/09/12 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
日本著名的服饰鞋帽综合类购物网站:MAGASEEK
2019/01/09 全球购物
酒店办公室文员岗位职责
2013/12/18 职场文书
单位工作证明格式模板
2014/10/04 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
岳庙导游词
2015/02/04 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python
SQL CASE 表达式的具体使用
2022/03/21 SQL Server