在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 属性》
最新资讯
黑莓信息服务BBM于5月底关闭个人版:企业版不受影响

黑莓信息服务BBM于5月

与消费者版本相比,企业版BBM拥有更多的功能,例如端对端
这些年我们是如何计算地球年龄的? 科普贴请查收

这些年我们是如何计算

“地球的年龄是多少?”在400年前的欧洲,爱尔兰人詹姆斯
天猫精灵:隐私是智能音箱生命线,望3年追亚马逊销量

天猫精灵:隐私是智能

在阿里巴巴人工智能实验室推出第一款天猫精灵两年之后
酷派营收连续4年腰斩 沦为“杂牌机”

酷派营收连续4年腰斩

曾发明“双卡双待”功能的酷派集团,如今几乎从手机市场
Uber无人驾驶部门获软银和丰田投资:金额达10亿美元

Uber无人驾驶部门获软

Uber周四正式宣布,旗下无人驾驶汽车部门刚刚从包括软银
嫦娥六号正在研制 或于2023年发射

嫦娥六号正在研制 或

国家航天局此前透露,我国正在规划嫦娥六号、七号、八号
最新文章
JavaScript解析及序列化JSON的方法实例分析

JavaScript解析及序列

这篇文章主要介绍了JavaScript解析及序列化JSON的方法
如何为vuex实现带参数的 getter和state.commit

如何为vuex实现带参数

这篇文章主要介绍了如何为vuex实现带参数的getter和st
使用VUE+iView+.Net Core上传图片的方法示例

使用VUE+iView+.Net C

这篇文章主要介绍了使用VUE+iView+.Net Core上传图片
JS实现的获取银行卡号归属地及银行卡类型操作示例

JS实现的获取银行卡号

这篇文章主要介绍了JS实现的获取银行卡号归属地及银行
Angular6 用户自定义标签开发的实现方法

Angular6 用户自定义

这篇文章主要介绍了Angular6 用户自定义标签开发的实
React 实现拖拽功能的示例代码

React 实现拖拽功能的

这篇文章主要介绍了React 实现拖拽功能的示例代码,小编