jquery及原生js取得select下拉方塊選取的值範例_javascript技巧

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

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

複製代碼 代碼如下:

text1
text2

一：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()); //拿到選取項目的文本