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 相关文章推荐
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
Jul 26 Javascript
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
基于JavaScript创建动态Dom
Dec 08 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
Jul 06 Javascript
jquery datatable服务端分页
Aug 31 Javascript
jQuery插件zTree实现的多选树效果示例
Mar 08 Javascript
jQuery extend()详解及简单实例
May 06 jQuery
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
vue使用canvas实现移动端手写签名
Sep 22 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
javascript实现下拉菜单效果
Feb 09 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设计模式 FlyWeight (享元模式)
2011/06/26 PHP
PHP base64编码后解码乱码的解决办法
2014/06/19 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
防止页面被iframe(兼容IE,Firefox火狐)
2010/07/04 Javascript
JS实现淘宝幻灯片效果的实现方法
2013/03/22 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
2015/07/17 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
用Nodejs搭建服务器访问html、css、JS等静态资源文件
2017/04/28 NodeJs
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
vue代理和跨域问题的解决
2018/07/18 Javascript
详解Nuxt.js部署及踩过的坑
2018/08/07 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
2019/04/09 Javascript
JavaScript动态生成表格的示例
2020/11/02 Javascript
python模拟新浪微博登陆功能(新浪微博爬虫)
2013/12/24 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
python和flask中返回JSON数据的方法
2018/03/26 Python
Python3之简单搭建自带服务器的实例讲解
2018/06/04 Python
对TensorFlow中的variables_to_restore函数详解
2018/07/30 Python
Python绘制正余弦函数图像的方法
2018/08/28 Python
解决Pycharm出现的部分快捷键无效问题
2018/10/22 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
Python求两个字符串最长公共子序列代码实例
2020/03/05 Python
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
canvas基础之图形验证码的示例
2018/01/02 HTML / CSS
C#笔试题集合
2013/06/21 面试题
2015初中生物教研组工作总结
2015/07/21 职场文书
Java结构型设计模式之组合模式详解
2022/09/23 Java/Android