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 相关文章推荐
CheckBox 如何实现全选?
Jun 23 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
Aug 07 Javascript
JS实现随机乱撞彩色圆球特效的方法
May 05 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
Oct 10 Javascript
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
vue-resource请求实现http登录拦截或者路由拦截的方法
Jul 11 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
微信小程序云开发(数据库)详解
May 17 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
JS Array.from()将伪数组转换成数组的方法示例
Mar 23 Javascript
基于canvas实现手写签名(vue)
May 21 Javascript
uniapp开发小程序的经验总结
Apr 08 Javascript
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
php数据库密码的找回的步骤
2011/01/12 PHP
PHP 面向对象程序设计(oop)学习笔记(一) - 抽象类、对象接口、instanceof 和契约式编程
2014/06/12 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
Javascript 继承机制的实现
2009/08/12 Javascript
JQuery中each()的使用方法说明
2010/08/19 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
2016/11/22 Javascript
ionic2打包android时gradle无法下载的解决方法
2017/04/05 Javascript
详解nodejs模板引擎制作
2017/06/14 NodeJs
JS实现简单短信验证码界面
2017/08/07 Javascript
Mint UI 基于 Vue.js 移动端组件库
2017/11/07 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
python双向链表实现实例代码
2013/11/21 Python
Python 元组(Tuple)操作详解
2014/03/11 Python
python MySQLdb Windows下安装教程及问题解决方法
2015/05/09 Python
fastcgi文件读取漏洞之python扫描脚本
2017/04/23 Python
Python实现的密码强度检测器示例
2017/08/23 Python
利用Python如何批量更新服务器文件
2018/07/29 Python
PyQt5 QTable插入图片并动态更新的实例
2019/06/18 Python
windows下python虚拟环境virtualenv安装和使用详解
2019/07/16 Python
Python Django 封装分页成通用的模块详解
2019/08/21 Python
Python Opencv提取图片中某种颜色组成的图形的方法
2019/09/19 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
德国帽子专家:Hutshopping
2019/11/03 全球购物
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
中学生家长评语大全
2014/04/16 职场文书
中学社团活动总结
2015/05/07 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书