js獲取select標籤選中的值
阿新 • • 發佈:2018-12-13
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()); //拿到選中項的文字