在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 属性》
最新资讯
新·四夸克

新·四夸克

最近,欧洲核子研究中心(CERN)的LHCb合作小组宣布了一项新
纪源资本符绩勋:科创板最大创新放开利润要求

纪源资本符绩勋:科创板

谈到对科创板的建议,符绩勋认为,最重要的建议就是希望科
爱立信中国总裁赵钧陶:5G时代中国依然会引领全球发展

爱立信中国总裁赵钧陶

爱立信中国总裁赵钧陶表示,爱立信对中国5G市场报有比较
潮汐锁定星球的“中间地带”可能孕育生命形式

潮汐锁定星球的“中间

潮汐锁定的星球非常特殊,一侧永远是白天,另一侧永远是夜
新模型揭示地磁场变化速率比预计的快10倍

新模型揭示地磁场变化

在近期的新研究中,科学家通过模拟显示了10万年以来地磁
内测微信小商店?腾讯的电商生意,终究还是门口蹭蹭而已

内测微信小商店?腾讯的

有些热度蹭得不错,蹭着蹭着,就被别人说成了抄袭,很多游戏
最新文章
Vue实现图片与文字混输效果

Vue实现图片与文字混

用多了 JQuery ,习惯了使用JQuery的API操作 DOM ,几乎忘
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

Vue实现点击当前元素

这篇文章主要介绍了Vue实现点击当前元素以外的地方隐
Vue实现验证码功能

Vue实现验证码功能

这篇文章主要为大家详细介绍了Vue实现验证码功能,文中
JS实现的雪花飘落特效示例

JS实现的雪花飘落特效

这篇文章主要介绍了JS实现的雪花飘落特效,结合实例形
微信小程序实现图片压缩

微信小程序实现图片压

这篇文章主要为大家详细介绍了微信小程序实现图片压缩
JavaScript实现京东放大镜效果

JavaScript实现京东放

这篇文章主要为大家详细介绍了JavaScript实现京东放大