怎样用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;

如果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()); //拿到选中项的文本
相关推荐：
设置获取select常用方法汇总
jquery或js获取select选中的value或text
javascript获取select值的方法分析
以上就是js获取select标签value值的方法详解的详细内容。