js获取select标签value值的方法详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js获取select标签value值的方法详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3649字，纯文字阅读大概需要6分钟。

内容图文

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值的方法详解的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的js获取select标签value值的方法详解全部内容，希望文章能够帮你解决js获取select标签value值的方法详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端