jquery動(dòng)態(tài)改變form屬性提交表單
更新時(shí)間：2014年06月03日 09:36:54 作者：
在js中動(dòng)態(tài)改變form的屬性，滿足不同條件的form提交需求，下面有個(gè)不錯(cuò)的示例，大家可以參考下
有些情況下，同一個(gè)form在不同的情況下提交到不同的處理動(dòng)作，可以在js中動(dòng)態(tài)改變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="更新到探測點(diǎn)" onClick="javascript:formSubmit();"></input>
</form>
<iframe name="iframe"></iframe>
現(xiàn)在需要條件1的情況下按上面的方式提交，以method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe"提交到action1.jsp進(jìn)行處理；條件2的情況下需要按照普通文本方式提交到action2.jsp處理，并打開新頁面。則需要通過js的方式動(dòng)態(tài)改變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屬性時(shí)，如果只寫$("#form").attr("enctype","application/x-www-form-urlencoded");
將不起作用，必須將以下兩句結(jié)合才能生效：
$("#form").attr("enctype","application/x-www-form-urlencoded");
$("#form").attr("encoding","application/x-www-form-urlencoded");
其中，enctype的屬性值含義參考博文《HTML <form> 標(biāo)簽的 enctype 屬性》
如：
復(fù)制代碼 代碼如下:
<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="更新到探測點(diǎn)" onClick="javascript:formSubmit();"></input>
</form>
<iframe name="iframe"></iframe>
現(xiàn)在需要條件1的情況下按上面的方式提交，以method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe"提交到action1.jsp進(jìn)行處理；條件2的情況下需要按照普通文本方式提交到action2.jsp處理，并打開新頁面。則需要通過js的方式動(dòng)態(tài)改變form的屬性：
復(fù)制代碼 代碼如下:
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屬性時(shí)，如果只寫$("#form").attr("enctype","application/x-www-form-urlencoded");
將不起作用，必須將以下兩句結(jié)合才能生效：
復(fù)制代碼 代碼如下:
$("#form").attr("enctype","application/x-www-form-urlencoded");
$("#form").attr("encoding","application/x-www-form-urlencoded");
其中，enctype的屬性值含義參考博文《HTML <form> 標(biāo)簽的 enctype 屬性》
您可能感興趣的文章:
- jQuery動(dòng)態(tài)設(shè)置form表單的enctype值(實(shí)現(xiàn)代碼)
- jquery實(shí)現(xiàn)ajax提交form表單的方法總結(jié)
- jQuery實(shí)現(xiàn)form表單基于ajax無刷新提交方法詳解
- jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
- Jquery.Form 異步提交表單的簡單實(shí)例
- Jquery基于Ajax方法自定義無刷新提交表單Form實(shí)例
- jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法
- jquery中validate與form插件提交的方式小結(jié)
- jQuery改變form表單的action,并進(jìn)行提交的實(shí)現(xiàn)代碼
- jQuery ajax提交Form表單實(shí)例(附demo源碼)
- jquery實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建form并提交的方法示例
相關(guān)文章
jQuery實(shí)現(xiàn)的點(diǎn)擊按鈕改變樣式功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)擊按鈕改變樣式功能,涉及jQuery基于事件響應(yīng)的頁面元素樣式動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07
jQuery前端框架easyui使用Dialog時(shí)bug處理
本文介紹了在jQuery前端框架easyui開發(fā)UI時(shí)，使用Dialog時(shí)發(fā)現(xiàn)遮罩無法覆蓋頁面內(nèi)容，而且對話框也顯示不出來，經(jīng)過一番研究，才發(fā)現(xiàn)問題所在，這里分享給大家，有相同情況的小伙伴可以參考下2014-12-12
jQuery實(shí)現(xiàn)帶漸顯效果的人物多級關(guān)系圖代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶漸顯效果的人物多級關(guān)系圖,可實(shí)現(xiàn)多種關(guān)系的顯示及點(diǎn)擊后漸顯切換效果,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁面元素顯示效果的相關(guān)技巧,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了jQuery中的基本選擇器用法,文中分簡單、進(jìn)階、高階三個(gè)部分來講解,十分詳細(xì),需要的朋友可以參考下2016-04-04
新版的jquery中，live()方法已經(jīng)被刪除了，所以在調(diào)用的時(shí)候會(huì)提示該函數(shù)不存在，下面有個(gè)不錯(cuò)的解決方法，大家可以參考下2014-02-02
正好項(xiàng)目中準(zhǔn)備使用thickbox，于是干脆拋棄prototype.js，看起jquery.js了。JQuery確實(shí)不錯(cuò)，體積比Prototype小了許多，而且使用起來更方便更靈活。有人說Prototype像JAVA，正統(tǒng)；而JQuery像Ruby，靈活，更趨于OOP。2009-10-10
jQuery實(shí)現(xiàn)鼠標(biāo)移入移出事件切換功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)移入移出事件切換功能,結(jié)合實(shí)例形式分析了jQuery不同版本處理鼠標(biāo)事件響應(yīng)與觸發(fā)相關(guān)操作技巧,需要的朋友可以參考下2018-09-09
基于jquery的finkyUI插件與Ajax實(shí)現(xiàn)頁面數(shù)據(jù)加載功能
基于jquery的finkyUI插件與Ajax實(shí)現(xiàn)頁面數(shù)據(jù)加載功能，需要的朋友可以參考下。2010-12-12
大家在逛淘寶的時(shí)候，把鼠標(biāo)放在寶貝上就會(huì)放大，奇怪這種效果怎么實(shí)現(xiàn)的，下面小編就給大家分享基于jquery實(shí)現(xiàn)放大鏡效果，有需要的朋友可以參考下2015-08-08
節(jié)點(diǎn)的刪除在應(yīng)用中比較常見，如何動(dòng)態(tài)刪除某一節(jié)點(diǎn)來實(shí)現(xiàn)某一特殊效果，下面有個(gè)不錯(cuò)的示例，希望對大家有所幫助2014-01-01