js取得select標籤value值的方法詳解

怎麼用js取得select標籤 value值？本文我們就跟大家分享js取得select標籤value值的方法，希望能幫助大家。

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屬性的，如
…
則用下述方法取得目前選項的值：
var v = xx.value;
或
var v = document.getElementById(“xx”).value;   //此方法相容性好

如果select標籤是有name屬性的，如

…
則用下述方法取得目前選項的值：
var v = form1.xx.value;
或
var v = document.getElementsByName(“xx”)[0].value;
如果同一頁面含有多個name屬性相同的標籤，則上述[0]中的數字要改為對應的物理順序號碼（從0起算）

如果select標籤不含有任何可供定位的屬性，如
…
則用下述方法取得目前選項的值：
var v = document .getElementsByTagName(“select”)[0].value;

#如果同一頁面含有多個select標籤，則上述[0]中的數字要改為對應的物理順序號（從0起算）

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

text1
text2

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

#

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;

… 則用下述方法取得目前選項的值：
var v = xx.value;
或
var v = document.getElementById(“xx”).value;   //此方法相容性好


##如果select標籤是有name屬性的，如
…

var v = form1.xx.value; 或
var v = document .getElementsByName(“xx”)[0].value;
如果同一頁面含有多個name屬性相同的標籤，則上述[0]中的數字要改為對應的物理順序號（從0起算）

如果select標籤不含有任何可供定位的屬性，如… 則用下述方法取得目前選項的值：

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



text1

code: 一：javascript原生的方法

1:var options=$(“#test option:selected”);  //获取选中的项
2:alert(options.val());   //拿到选中项的值
3:alert(options.text());   //拿到选中项的文本

#rrreee

相關推薦：

##設定取得Select常用方法匯總

jQuery或Js取得select選取的value或text

以上是js取得select標籤value值的方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！