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());   //拿到選中項的文本