jquery动态改变form属性提交表单


Posted in Javascript onJune 03, 2014

有些情况下,同一个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 属性》
Javascript 相关文章推荐
javascript实现html页面之间参数传递的四种方法实例分析
Dec 15 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
Jan 23 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
详解vue服务端渲染(SSR)初探
Jun 19 Javascript
JS基于for语句编写的九九乘法表示例
Jan 04 Javascript
vue双向数据绑定知识点总结
Apr 18 Javascript
vue .sync修饰符的使用详解
Jun 15 Javascript
详解Vue demo实现商品列表的展示
May 07 Javascript
Vue按时间段查询数据组件使用详解
Aug 21 Javascript
解决vue打包 npm run build-test突然不动了的问题
Nov 13 Javascript
Vue常用API、高级API的相关总结
Feb 02 Vue.js
javascript判断是手机还是电脑访问网页的简单实例分享
Jun 03 #Javascript
jQuery学习笔记之jQuery构建函数的7种方法
Jun 03 #Javascript
在myeclipse中如何加入jquery代码提示功能
Jun 03 #Javascript
jQuery学习笔记之总体架构
Jun 03 #Javascript
jquery控制select的text/value值为选中状态
Jun 03 #Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 #Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 #Javascript
You might like
当年上海收录机产品生产,进口和价格情况
2021/03/04 无线电
PHP循环函数使用介绍之PHP基础入门教程
2013/09/21 PHP
php实现短信发送代码
2015/07/05 PHP
WordPress中调试缩略图的相关PHP函数使用解析
2016/01/07 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
js简单实现删除记录时的提示效果
2013/12/05 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
Javascript中indexOf()和lastIndexOf应用方法实例
2016/08/24 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
nodejs redis 发布订阅机制封装实现方法及实例代码
2016/12/15 NodeJs
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
vue设置动态请求地址的例子
2019/11/01 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
python删除本地夹里重复文件的方法
2020/11/19 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
详解使用python爬取抖音app视频(appium可以操控手机)
2021/01/26 Python
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
Sofft鞋官网:世界知名鞋类品牌
2017/03/28 全球购物
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
岗位职责的定义
2013/11/10 职场文书
高中生毕业学习总结的自我评价
2013/11/14 职场文书
大学生创业计划书的格式要求
2013/12/29 职场文书
写给保洁员表扬信
2014/01/08 职场文书
小学生演讲稿大全
2014/04/25 职场文书
领导干部“四风”问题批评与自我批评材料
2014/09/24 职场文书
无锡灵山大佛导游词
2015/02/09 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
好人好事新闻稿
2015/07/17 职场文书
Canvas三种动态画圆实现方法说明(小结)
2021/04/16 Javascript
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS