如何獲取select下拉框選中的的值呢

<select> 元素（下拉列表）

<select> 元素用於創建下拉列表；而<option> 元素用於定義列表中待選擇的選項。列表通常會把首個選項顯示為被選選項。

提示：<select> 元素是一種表單控件，可用於在表單中接受用戶輸入。

屬性：

autofocus ：下拉列表在頁面加載時自動獲得焦點，是一個布爾屬性；

disabled：下拉列表應該被禁用，被禁用的下拉列表既不可用，也不可點擊。比如你可以設置 disabled 屬性，直到滿足某些條件（比如選擇一個復選框），才恢復用戶對該下拉列表的使用。然后，可以使用 JavaScript 來移除 disabled 屬性的值，以使下拉列表變為可用狀態。

multiple ：可同時選擇多個選項。

name ：下拉列表的名稱。用於在 JavaScript 中引用元素，或者在表單提交后引用表單數據。

required ：用戶在提交表單前必須選擇一個值。

size ：下拉列表中可見選項的數目。如果 size 屬性的值大於 1，但是小於列表中選項的總數目，瀏覽器會顯示出滾動條，表示可以查看更多選項。

1. 如何設置默認選中呢 

設置默認選中可在option 中添加 selected = "selected",具體舉例如下:

<option value="2" selected="selected">test2</option>

 2. 如何動態創建select對象呢？

（1）先動態創建select

1.  
   ① var mySel = document.createElement("select"); //創建select
2.  
   ② mySel.id = "citySel"; //為select添加id
3.  
   ③ document.body.appendChild(mySel); //將select追加到body中
4.  
   //創建select
5.  
   ② mySel.id = "citySel"; //為select添加id
6.  
   ③ document.body.appendChild(mySel); //將select追加到body中

（2）動態創建option 

1.  
   ① var obj=document.getElementById('citySel'); //根據id查找對象
2.  
    
3.  
   ② obj. add(new Option("文本","值")); //添加一個選項
4.  
   //根據id查找對象
5.  
    
6.  
   ② obj. add(new Option("文本","值")); //添加一個選項

3. 刪除option 

（1）刪除所有option 

1.  
   ① var obj=document.getElementById('citySel'); //獲取select對象
2.  
   ② obj.options.length= 0; //設置option的length為0
3.  
   //獲取select對象
4.  
   ② obj.options.length= 0; //設置option的length為0

（2）刪除某一個option 

1.  
   ① var obj=document.getElementById('citySel'); //獲取select對象
2.  
   //獲取select對象
3.  
   ② var i=obj.selectedIndex; //i為要刪除選項的下標（取當前選中選項的下標）

obj.options.remove(i); //調用remove方法

 4. 如何獲取或者設置到相對應的值呢？

1.  
   < select id="citySel" onchange="selChange()" class="select">
2.  
   < option value="">請選擇城市</option>
3.  
   < option value="sh">上海</option>
4.  
   < option value="bj">北京</option>
5.  
   < option value="gz">廣州</option>
6.  
   < option value="sz">深圳</option>
7.  
   </ select>

 方法一：javascript

1.  
   1：獲取select對象:
2.  
   var myselect=document.getElementById("citySel");
3.  
    
4.  
   2：取到選中項的索引:
5.  
   var index = myselect.selectedIndex;// selectedIndex是所選中的項的index
6.  
    
7.  
    
8.  
   3：獲取選中項的value：
9.  
    
10.  
    myselect.options[index]. value;
11.  
     
12.  
    4：取到選中項的文本內容：
13.  
    myselect.options[index].text;
14.  
    // selectedIndex是所選中的項的index
15.  
     
16.  
    5：獲取選中項的value:
17.  
    myselect.options[index]. value;
18.  
     
19.  
    6：取到選中項的文本內容:
20.  
    myselect.options[index].text;

 方法二：jquery

1.  
   1：var options=$("#citySel option:selected"); //獲取選中的option
2.  
    
3.  
   2：options.val(); //拿到選中項的值，比如選中上海，獲取的值為“sh”;
4.  
    
5.  
   3：options.text(); //拿到選中項的文本,比如選中上海，獲取的值為“上海”
6.  
   //獲取選中的option
7.  
    
8.  
   2：options.val(); //拿到選中項的值，比如選中上海，獲取的值為“sh”;
9.  
    
10.  
    3：options.text(); //拿到選中項的文本,比如選中上海，獲取的值為“上海”