js獲取select標籤選中的值

var obj = document.getElementByIdx_x(」testSelect」); //定位id

var index = obj.selectedIndex; // 選中索引

var text = obj.options[index].text; // 選中文本

var value = obj.options[index].value; // 選中值

 

jQuery中得到選中select值

第一種方式
$('#testSelect option:selected').text();//選中的文本

$('#testSelect option:selected') .val();//選中的值

$("#testSelect ").get(0).selectedIndex;//索引

 

第二種方式
$("#tesetSelect").find("option:selected").text();//選中的文本
…….val();
…….get(0).selectedIndex;

 

 

--------------------------------------

若是select標籤是有id屬性的，如
<select id=xx>...
則用下述方法獲取當前選項的值：
var v = xx.value;
或
var v = document.getElementById("xx").value;   //此方法兼容性好

若是select標籤是有name屬性的，如
<form name=form1>
<select name=xx>...
則用下述方法獲取當前選項的值：
var v = form1.xx.value;
或
var v = document.getElementsByName("xx")[0].value;
若是同一頁面含有多個name屬性相同的標籤，則上述[0]中的數字要改成相應的物理順序號（從0起算）

若是select標籤不含有任何可供定位的屬性，如
<select>...
則用下述方法獲取當前選項的值：
var v = document.getElementsByTagName("select")[0].value;
若是同一頁面含有多個select標籤，則上述[0]中的數字要改成相應的物理順序號（從0起算）
----------------------------------------



對於如下select標籤，獲取當前選擇的值得方式以下：

<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一：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());   //拿到選中項的文本