在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 属性》
最新资讯
小摩:授予腾讯控股目标价620港元 重申增持评级

小摩:授予腾讯控股目标

小摩发表研究报告指出,预计腾讯控股股价将会作出正面回
法国消协起诉任天堂:故意销售用一年就坏掉的手柄

法国消协起诉任天堂:故

法国国内最大的消费者团体UFC-Que Choisir对于任天堂J
最便宜的特斯拉来了:只卖17万 市值却蒸发2000亿

最便宜的特斯拉来了:只

本届特斯拉“电池日”基本符合外界的预期,自产自研电池
特斯拉电池日:饼画了很多,股价也跌了不少

特斯拉电池日:饼画了很

万众瞩目的特斯拉电池日终于来了。
华为回应芯片库存、生存挑战等问题:家里仍有“余粮”

华为回应芯片库存、生

面对华为芯片储备量的问题,郭平对记者表示,“第三次升级
脸越来越大,是一个人成熟的标志

脸越来越大,是一个人成

发腮,是人类躲不开的宿命吗?这背后,究竟是什么样的神秘力
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,