在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 属性》
最新资讯
中国联通1月4G用户3.18亿户 固网宽带用户8150.7万户

中国联通1月4G用户3.1

移动业务方面,中国联通1月移动出账用户累计到达数3.18
比特大陆大规模裁员?回应:传闻不实 系正常人员调整

比特大陆大规模裁员?回

2月19日,有消息称,比特大陆完成了一轮大规模裁员。对此,
中金回应阿里入股:欢迎长期投资者 探索信息科技应用

中金回应阿里入股:欢

中金表示,公司致力于提升公司价值并得到市场认可。我们
阿里巴巴入股中金公司 占其已发行股份4.84%

阿里巴巴入股中金公司

今日,阿里巴巴集团透露,已于近日完成对中国国际金融股份
斗鱼主体公司多项变更:三名董事及三家投资方退出

斗鱼主体公司多项变更

据企查查信息显示,武汉斗鱼网络科技有限公司(斗鱼直播主
京东方获苹果OLED面板供应资格:或为折叠iPhone供货

京东方获苹果OLED面板

京东方取得了为苹果供应柔性OLED面板的资格,或将成为继
最新文章
微信小程序CSS3动画下拉菜单效果

微信小程序CSS3动画下

这篇文章主要为大家详细介绍了微信小程序CSS3动画下拉
微信小程序使用swiper组件实现层叠轮播图

微信小程序使用swiper

这篇文章主要为大家详细介绍了微信小程序使用swiper组
微信小程序实现带缩略图轮播效果

微信小程序实现带缩略

这篇文章主要为大家详细介绍了微信小程序实现带缩略图
小程序实现五星点评效果

小程序实现五星点评效

这篇文章主要为大家详细介绍了小程序实现五星点评效果
微信小程序实现笑脸评分功能

微信小程序实现笑脸评

这篇文章主要为大家详细介绍了微信小程序实现笑脸评分
微信小程序自定义轮播图

微信小程序自定义轮播

这篇文章主要为大家详细介绍了微信小程序自定义轮播图