轉自：http://www.cnblogs.com/moli-/p/6406170.html
在用到下拉列表框select時，需要對選中的<option>選項觸發事件，其實<option>本身沒有觸發事件方法，我們只有在select里的onchange方法里觸發。
想添加一個option的觸發事件,在option中添加onclick 點來點去就是不會觸發事件
又在select中添加onclick 這下可好了,沒選option呢就觸發了
當我們觸發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>的名稱
}
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <select id="pid" onchange="gradeChange()"> <option value="1">選項一</option> <option value="2">選項二</option> </select> <script type="text/JavaScript"> function gradeChange() { var objS = document.getElementById("pid"); var grade = objS.options[objS.selectedIndex].value; alert(grade); } </script> </body> </html>