jquery及原生js獲取select下拉框選中的值示例
阿新 • • 發佈：2018-11-01
有一id=test的下拉框，怎麼拿到選中的那個值呢？本文將採用javascript原生的方法及jquery方法（前提是已經載入了jquery庫）來簡單實現下
現在有一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()); //拿到選中項的文字