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; // 选中值

jq获取select选中的值

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

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

$("#testSelect ").get(0).selectedIndex;//索引
第二种方式：
$("#tesetSelect").find("option:selected").text();//选中的文本
$("#tesetSelect").find("option:selected").val();
$("#tesetSelect").find("option:selected").get(0).selectedIndex;

另外：

如果select标签是有id属性的，如<select id=‘’>,则可以使用如下的方法获取当前选项的值

var  v=xx.value或者var  v=document.getElementById("xx").value;(后面的这种兼容性好)

如果select标签是有name属性的，如：

<form name=form1>
    <select name=xx>...
    </select>
</form>

则可以使用下面的方法来获取当前选项的值：

var  v=form1.xx.value或者 var  v=document.getElementByName("xx")[0].value(如果一个页面含有多个name属性相同的标签。则上述的[0]中的数字要改为相应的屋里顺序号)；

如果select标签不含有任何可供定位的属性，如：

<select>

则可以使用下属方法获取当前选项的值：

var v=document.getElementsByTagName("select")[0].value;

如果同意页面含有多个select标签，则上述[0]中的数字要改为相应的物理序列号