我們在用到下拉列表框select時，需要對選中的選項觸發事件，其實本身沒有觸發事件方法，我們只有在select裡的onchange方法裡觸發。

option沒有觸發事件,需要在select中加onchange事件

當我們觸發select的雙擊事件時，用ondblclick方法。
當我們要取得select的選中事件時，用document.all['name'].value來獲取，其中name是select的名稱。
如果我們要得到select的全部的值就用一個for迴圈來實現。程式碼如下：

var vi = document.all['list'].length;
for(var i=0;i<vi;i++){
  document.form2.list(i).value; //form2是<form>的名稱
}
 

JS實現程式碼：

‍‍<select id="pid" onchange="gradeChange()">
  <option grade="1" value="a">選項一</a>
  <option grade="2" value="b">選項二</a>
</select>
<script type="text/JavaScript">
    function gradeChange(){
    var objS = document.getElementById("pid");
    var grade = objS.options[objS.selectedIndex].grade;
    alert(grade);
    }
</script>
 

jQuery實現程式碼：

<select name="myselect" id="myselect">
  <option value="opt1">選項1</option>
  <option value="opt2">選項2</option>
  <option value="opt3">選項3</option>
</select>
$("#myselect").change(function(){
  var opt=$("#myselect").val();
  ...
});

Javascript獲取select下拉框選中的值

現在有一id=test的下拉框，怎麼拿到選中的那個值呢？

分別使用javascript原生的方法和jquery方法

<select id="test" name="">
 <option value="1">text1</option>
 <option value="2">text2</option>
</select>

程式碼:

一、javascript原生的方法

1. 拿到select物件：

var myselect=document.getElementById("test");

2. 拿到選中項的索引：

var index=myselect.selectedIndex;
// selectedIndex代表的是你所選中項的index 

3. 拿到選中項options的value：

myselect.options[index].value;

4:拿到選中項options的text：

myselect.options[index].text;

二、jquery方法（前提是已經載入了jquery庫）

1.獲取選中的項

var options=$("#test option:selected");

2.拿到選中項的值

alert(options.val());

3.拿到選中項的文字

alert(options.text());

本文轉自 https://blog.csdn.net/Skr_Eric/article/details/99680439，如有侵權，請聯絡刪除。