在js中动态改变form的属性,不同条件的form提交需求,下面有个不错的示例,大家可以参考下
有些情况下,同一个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 属性》
最新资讯
淘宝回应口罩价格不稳等问题:相关商品下架 协助退款

淘宝回应口罩价格不稳

针对网友曝光有淘宝店铺口罩出现不实宣传、价格不稳等
华为中兴助力四川完成首例冠状病毒5G远程会诊

华为中兴助力四川完成

新型冠状病毒疫情攻坚已经进入了最关键的时刻。而克日
蝙蝠不招惹人类已是万幸,为什么还有人敢吃它们?

蝙蝠不招惹人类已是万

虽然之前被流传的一些蝙蝠汤之类的图片吓得够呛,但脊梁
同程艺龙升级疫情退改保障 团队游享特殊退订政策

同程艺龙升级疫情退改

同程艺龙官方微博宣布,受疫情影响,1月26日之后包括出境
美的集团再向湖北疫区捐款1亿元人民币 全力抗击病毒

美的集团再向湖北疫区

美的集团决定通过湖北省红十字会,向湖北疫区捐赠1亿元
香油滴鼻孔,能阻断新型冠状病毒传播?不靠谱!

香油滴鼻孔,能阻断新型

“总之,切忌轻信网上的传言,要按照官方发布的指导信息,做
最新文章
jQuery设置下拉框显示与隐藏效果的方法分析

jQuery设置下拉框显示

这篇文章主要介绍了jQuery设置下拉框显示与隐藏效果的
策略模式实现 Vue 动态表单验证的方法

策略模式实现 Vue 动

策略模式(Strategy Pattern)又称政策模式,其定义一系列的
Layui Form 自定义验证的实例代码

Layui Form 自定义验

今天小编就为大家分享一篇Layui Form 自定义验证的实
图解NodeJS实现登录注册功能

图解NodeJS实现登录注

这篇文章主要介绍了NodeJS实现登录注册功能,本文图文
基于Layui自定义模块的使用方法详解

基于Layui自定义模块

今天小编就为大家分享一篇基于Layui自定义模块的使用
layer弹出层自适应高度,垂直水平居中的实现

layer弹出层自适应高

今天小编就为大家分享一篇layer弹出层自适应高度,垂直