JS設(shè)置下拉列表框當(dāng)前所選值的方法

更新時(shí)間：2015年12月22日 09:46:49 作者：fengyee_zju

這篇文章主要介紹了JS設(shè)置下拉列表框當(dāng)前所選值的方法,涉及JavaScript結(jié)合jsp動(dòng)態(tài)設(shè)置select下拉列表框的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了JS設(shè)置下拉列表框當(dāng)前所選值的方法。分享給大家供大家參考，具體如下：

1. JS代碼：

function setSelectOption(objId, targetValue){
//objid：下拉列表框的ID；targetValue：當(dāng)前所選值
 var obj = document.getElementById(objId);
 if(obj){
  var options = obj.options;
  if(options){
   var len = options.length;
   for(var i=0;i<len;i++){
    if(options[i].value == targetValue){
     options[i].defaultSelected = true;
     options[i].selected = true;
     return true;
    }
   }
  } else {
   alert('missing element(s)!');
  }
 } else {
  alert('missing element(s)!');
 }
}

2.在JSP中設(shè)置下拉列表框的當(dāng)前選擇項(xiàng)

<select>
  <option value="1" <%if(sesssionValue==1){%> selected="selected"<%}%>>1:b </option>
  <option value="2" <%if(sesssionValue==2){%> selected="selected"<%}%>>2:b </option>
  <option value="3" <%if(sesssionValue==3){%> selected="selected"<%}%>>3:c </option>
  <option value="4" <%if(sesssionValue==4){%> selected="selected"<%}%>>4:d </option>
</select>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript中使用import 和require打包后實(shí)現(xiàn)原理分析
這篇文章主要介紹了JavaScript中使用import 和require打包后實(shí)現(xiàn)原理分析,需要的朋友可以參考下
2018-03-03
javascript實(shí)現(xiàn)左右緩動(dòng)動(dòng)畫(huà)函數(shù)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)左右緩動(dòng)動(dòng)畫(huà)函數(shù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
GoJs的文本繪圖模板TextBlock使用實(shí)例
這篇文章主要為大家介紹了GoJs的文本繪圖模板TextBlock使用實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
js innerHTML 改變div內(nèi)容的方法
永遠(yuǎn)不知道你可以改變的內(nèi)容，一個(gè)HTML元素？也許你要取代的文字段落中，以反映什么訪客選定剛剛從下拉框中。通過(guò)操縱一個(gè)元素的innerHtml您可以變更您的文本和HTML多達(dá)你喜歡。
2013-08-08
JavaScript中獲得CheckBox狀態(tài)的方法小結(jié)
在 JavaScript 中,獲取復(fù)選框（CheckBox）的狀態(tài)（選中或未選中）可以通過(guò)以下幾種方式實(shí)現(xiàn),以下是具體方法及示例,并通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下
2025-03-03
JavaScript實(shí)現(xiàn)購(gòu)物車圖片局部放大預(yù)覽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript如何通過(guò)canvas簡(jiǎn)單實(shí)現(xiàn)購(gòu)物車圖片放大預(yù)覽效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-03-03
使用smartupload組件實(shí)現(xiàn)jsp+jdbc上傳下載文件實(shí)例解析
這篇文章主要介紹了使用smartupload組件實(shí)現(xiàn)jsp+jdbc上傳下載文件實(shí)例解析,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-01-01
微信小程序12行js代碼自己寫(xiě)個(gè)滑塊功能(推薦)
這篇文章主要介紹了微信小程序12行js代碼自己寫(xiě)個(gè)滑塊功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-07-07
Javascript中的apply()方法淺析
這篇文章主要介紹了Javascript中的apply()方法淺析,本文講解了apply vs call、Javascript apply 方法等內(nèi)容,需要的朋友可以參考下
2015-03-03
js客戶端快捷鍵管理類的較完整實(shí)現(xiàn)和應(yīng)用
js客戶端快捷鍵管理類的較完整實(shí)現(xiàn)和應(yīng)用,需要的朋友可以參考下。
2010-06-06