1. 程式人生 > >js獲取select標籤選中的值

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