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 相关文章推荐
jquery ajax jsonp跨域调用实例代码
Dec 11 Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
jQuery EasyUI 获取tabs的实例解析
Dec 06 Javascript
JS正则表达式修饰符global(/g)用法分析
Dec 27 Javascript
原生Javascript插件开发实践
Jan 09 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
Javascript查看大图功能代码实现
May 07 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
Jun 10 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 Javascript
在 HTML 页面中使用 React的场景分析
Jan 18 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 管理系统程序中的后门
2009/08/05 PHP
PHP操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
浅析PHP微信支付通知的处理方式
2014/05/25 PHP
linux下实现定时执行php脚本
2015/02/13 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
微信小程序使用第三方库Underscore.js步骤详解
2016/09/27 Javascript
Angularjs 创建可复用组件实例代码
2016/10/09 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
Vue中render方法的使用详解
2018/01/26 Javascript
JavaScript解析及序列化JSON的方法实例分析
2019/01/04 Javascript
vue遍历生成的输入框 绑定及修改值示例
2019/10/30 Javascript
JavaScript鼠标悬停事件用法解析
2020/05/15 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
[02:07]TI9显影之尘系列 - Vici Gaming
2019/08/20 DOTA
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
Python实现的爬取小说爬虫功能示例
2019/03/30 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
pytorch 使用加载训练好的模型做inference
2020/02/20 Python
一个精品风格的世界:Atterley
2019/05/01 全球购物
群胜软件Java笔试题
2012/09/29 面试题
彩色的非洲教学反思
2014/02/18 职场文书
另类冲刺标语
2014/06/24 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
场地使用证明模板
2014/10/25 职场文书
小学老师对学生的评语
2014/12/29 职场文书
大学生团员个人总结
2015/02/14 职场文书
三八妇女节寄语
2015/02/27 职场文书
端午节寄语2015
2015/03/23 职场文书
2015年机关党委工作总结
2015/05/23 职场文书
2019年个人工作总结范文(3篇)
2019/08/27 职场文书
基于Redis实现分布式锁的方法(lua脚本版)
2021/05/12 Redis
只用Python就可以制作的简单词云
2021/06/07 Python
nginx搭建NFS网络文件系统
2022/04/14 Servers