JS簡單操作select和dropdownlist實例_javascript技巧

本文實例講述了JS簡單操作select和dropdownlist的方法。分享給大家供大家參考。具體實作方法如下：

一、js選取伺服器控制項select與dropdownlist

1. js操作伺服器控制項select

複製程式碼 程式碼如下:

     ==請選擇==
     是
     否

//js操作伺服器控制項dropdownlist
   
        選項0  
   選項1 
   

  選項0
  選項1

JS代碼：

複製程式碼 程式碼如下:

document.getElementById("ddlFolder").value="0";//0為你要選取的項目的value

2. 根據Text值設定選取某項

複製程式碼 程式碼如下:

var DropDownListCurrencyNew =  document.getElementById("ddlFolder""); for(i = 0; i {
          if(DropDownListCurrencyNew.options[i].text == "選項0")   
           {
               DropDownListCurrencyNew.options[i].selected = true;
          }
}

二、js讀取DropDownList選取項目的value與text

Value：

複製程式碼複製程式碼

程式碼如下:

var selValue = document.getElementById("DropDownList1").options[docum "DropDownList1").selectedIndex].value;

Text： 複製程式碼

複製程式碼

程式碼如下:var selText = document.getElementById("DropDownList1").options[docum "DropDownList1").selectedIndex].text; 希望本文所述對大家的js與.net程式設計有所幫助。