前言

    select標籤是常規下拉選單的第一選擇
    常用的select標籤形式

<select id="test" name="">
    <option value="1">標籤01</option>
    <option value="2">標籤02</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方法

var options=$("#test");  //獲取選中的項
var value = options.val();   //拿到選中項的值
var text = options.text();   //拿到選中項的文字
 

三、javascript原生捕獲iselect option監聽事件

    在select新增onchange事件

<select name="" id=" " onchange="gradeChange()"></select>
function gradeChange(){}

四、jQuery捕獲iselect option監聽事件

 $(" #test").change(function(){
 });