js獲取select標(biāo)簽的值且兼容IE與firefox
更新時(shí)間:2013年12月30日 08:42:30 作者:
本篇文章主要介紹了js獲取select標(biāo)簽的值且兼容IE與firefox。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
jsp代碼:
<form id="search">
<select id="jobSelect" style="width: 200px;" name="jobSelect">
<s:if test='jobSelect == null || jobSelect == ""'>
<option selected="selected" value="-1">--依職類(lèi)篩選--</option>
</s:if>
<s:else>
<option value="-1">--依職類(lèi)篩選--</option>
</s:else>
<s:iterator value="jobCat" status="s">
<s:if test="jobSelect == catKey">
<option value="<s:property value="catKey" />" selected="selected">
<s:property value="catCnName" />
</option>
</s:if>
<s:else>
<option value="<s:property value="catKey" />">
<s:property value="catCnName" />
</option>
</s:else>
</s:iterator>
</select> <br />
<select id="areaSelect" style="width: 200px;" name="areaSelect">
<s:if test='areaSelect == null || areaSelect == ""'>
<option selected="selected" value="-1">--依地區(qū)篩選--</option>
</s:if>
<s:else>
<option value="-1">--依地區(qū)篩選--</option>
</s:else>
<s:iterator value="workAreaCat" status="s">
<s:if test="areaSelect == areaCat">
<option value="<s:property value="areaCat" />" selected="selected">
<s:property value="catCnName" />
</option>
</s:if>
<s:else>
<option value="<s:property value="areaCat" />">
<s:property value="catCnName" />
</option>
</s:else>
</s:iterator>
</select>
<input class="send2" type="button" onclick="validate();return false" value="查詢(xún)" />
<span style="color: red;" mce_style="color: red;" id="requiredParam"></span>
</form>
js代碼:
<mce:script type="text/javascript"><!--
validate = function(){
var jobSelect;
var areaSelect;
var search = document.getElementById("search");
for(var i=0;i<search.jobSelect.length;i++){
if(search.jobSelect[i].selected){
jobSelect = search.jobSelect[i].value;
}
}
for(var i=0;i<search.areaSelect.length;i++){
if(search.areaSelect[i].selected){
areaSelect = search.areaSelect[i].value;
}
}
if(jobSelect == -1 && areaSelect == -1){
document.getElementById('requiredParam').innerHTML = '請(qǐng)?jiān)O(shè)定篩選條件后查詢(xún)';
return;
}
var param = {
target : '../Index/JobFrame.action',
method : 'post',
form : 'search',
div : 'box'
}
var as = new AjaxSender(param);
as.send()
}
// --></mce:script
復(fù)制代碼 代碼如下:
<form id="search">
<select id="jobSelect" style="width: 200px;" name="jobSelect">
<s:if test='jobSelect == null || jobSelect == ""'>
<option selected="selected" value="-1">--依職類(lèi)篩選--</option>
</s:if>
<s:else>
<option value="-1">--依職類(lèi)篩選--</option>
</s:else>
<s:iterator value="jobCat" status="s">
<s:if test="jobSelect == catKey">
<option value="<s:property value="catKey" />" selected="selected">
<s:property value="catCnName" />
</option>
</s:if>
<s:else>
<option value="<s:property value="catKey" />">
<s:property value="catCnName" />
</option>
</s:else>
</s:iterator>
</select> <br />
<select id="areaSelect" style="width: 200px;" name="areaSelect">
<s:if test='areaSelect == null || areaSelect == ""'>
<option selected="selected" value="-1">--依地區(qū)篩選--</option>
</s:if>
<s:else>
<option value="-1">--依地區(qū)篩選--</option>
</s:else>
<s:iterator value="workAreaCat" status="s">
<s:if test="areaSelect == areaCat">
<option value="<s:property value="areaCat" />" selected="selected">
<s:property value="catCnName" />
</option>
</s:if>
<s:else>
<option value="<s:property value="areaCat" />">
<s:property value="catCnName" />
</option>
</s:else>
</s:iterator>
</select>
<input class="send2" type="button" onclick="validate();return false" value="查詢(xún)" />
<span style="color: red;" mce_style="color: red;" id="requiredParam"></span>
</form>
js代碼:
復(fù)制代碼 代碼如下:
<mce:script type="text/javascript"><!--
validate = function(){
var jobSelect;
var areaSelect;
var search = document.getElementById("search");
for(var i=0;i<search.jobSelect.length;i++){
if(search.jobSelect[i].selected){
jobSelect = search.jobSelect[i].value;
}
}
for(var i=0;i<search.areaSelect.length;i++){
if(search.areaSelect[i].selected){
areaSelect = search.areaSelect[i].value;
}
}
if(jobSelect == -1 && areaSelect == -1){
document.getElementById('requiredParam').innerHTML = '請(qǐng)?jiān)O(shè)定篩選條件后查詢(xún)';
return;
}
var param = {
target : '../Index/JobFrame.action',
method : 'post',
form : 'search',
div : 'box'
}
var as = new AjaxSender(param);
as.send()
}
// --></mce:script
相關(guān)文章
微信小程序中插入激勵(lì)視頻廣告并獲取收益(實(shí)例代碼)
這篇文章主要介紹了微信小程序中插入激勵(lì)視頻廣告并獲取收益,通過(guò)代碼給大家介紹了如何插入及注意事項(xiàng),需要的朋友可以參考下2019-12-12JS和Canvas實(shí)現(xiàn)圖片的預(yù)覽壓縮和上傳功能
這篇文章主要介紹了JS和Canvas實(shí)現(xiàn)圖片的預(yù)覽壓縮和上傳功能,實(shí)現(xiàn)此功能大概有兩步,第一步用戶選擇需要上傳的圖片,第二步獲取圖片資源壓縮預(yù)覽上傳,具體實(shí)現(xiàn)代碼大家參考下本文2018-03-03JavaScript 高仿真可控彈簧振子實(shí)現(xiàn)代碼
我剛學(xué)JavaScript ,看見(jiàn)一些牛人寫(xiě)了許多特效,我也花了一天寫(xiě)了一個(gè)彈簧振子,完全獨(dú)創(chuàng),沒(méi)有借鑒任何人的代碼.2009-10-10微信域名檢測(cè)接口調(diào)用演示步驟(含PHP、Python)
這篇文章主要介紹了微信域名檢測(cè)接口調(diào)用演示步驟(含PHP、Python),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12javascript實(shí)現(xiàn)生成并下載txt文件方式
這篇文章主要介紹了javascript實(shí)現(xiàn)生成并下載txt文件方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09javascript中閉包c(diǎn)losure的深入講解
這篇文章主要給大家介紹了關(guān)于javascript中閉包c(diǎn)losure的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03prototype.js簡(jiǎn)單實(shí)現(xiàn)ajax功能示例
這篇文章主要介紹了prototype.js簡(jiǎn)單實(shí)現(xiàn)ajax功能,結(jié)合實(shí)例形式分析了prototype.js前臺(tái)實(shí)現(xiàn)ajax與后臺(tái)struts的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10