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">--依職類篩選--</option>
</s:if>
<s:else>
<option value="-1">--依職類篩選--</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="查詢" />
<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è)定篩選條件后查詢';
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">--依職類篩選--</option>
</s:if>
<s:else>
<option value="-1">--依職類篩選--</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="查詢" />
<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è)定篩選條件后查詢';
return;
}
var param = {
target : '../Index/JobFrame.action',
method : 'post',
form : 'search',
div : 'box'
}
var as = new AjaxSender(param);
as.send()
}
// --></mce:script
相關(guān)文章
JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表定義與使用方法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表定義與使用方法,簡(jiǎn)單介紹了雙向鏈表的原理,并結(jié)合實(shí)例形式分析了雙向鏈表的定義與使用方法,需要的朋友可以參考下2017-10-10
javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例
javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例代碼。2009-11-11
JavaScript知識(shí)點(diǎn)總結(jié)(五)之Javascript中兩個(gè)等于號(hào)(==)和三個(gè)等于號(hào)(===)的區(qū)別
這篇文章主要介紹了JavaScript知識(shí)點(diǎn)總結(jié)(五)之Javascript中兩個(gè)等于號(hào)(==)和三個(gè)等于號(hào)(===)的區(qū)別的相關(guān)資料,需要的朋友可以參考下
2016-05-05
JavaScript數(shù)組實(shí)現(xiàn)扁平化四種方法詳解
扁平化,顧名思義就是減少?gòu)?fù)雜性裝飾,使其事物本身更簡(jiǎn)潔、簡(jiǎn)單,突出主題。數(shù)組扁平化,對(duì)著上面意思套也知道了,就是將一個(gè)復(fù)雜的嵌套多層的數(shù)組,一層一層的轉(zhuǎn)化為層級(jí)較少或者只有一層的數(shù)組
2022-10-10
javascript中innerHTML 獲取或替換html內(nèi)容的實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript中innerHTML 獲取或替換html內(nèi)容,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-03-03
微信小程序webview實(shí)現(xiàn)長(zhǎng)按點(diǎn)擊識(shí)別二維碼功能示例
這篇文章主要介紹了微信小程序webview實(shí)現(xiàn)長(zhǎng)按點(diǎn)擊識(shí)別二維碼功能,結(jié)合實(shí)例形式分析了webview二維碼識(shí)別相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01 
