代码描述:js获取select下拉菜单 value文本值。js获取select下拉菜单value文本值源码下载
本章节介绍一下如何获取select下拉菜的值,下面就通过代码实例介绍一下如何实现此功能。 其实获取value值可能细分两种情况,一种是当前选中项的value和文本值,一种是任意option项的文本值。 一.获取选中项: 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> window.onload=function(){ var osel=document.getElementById("sel"); var oshow=document.getElementById("show"); oshow.innerHTML="value:"+osel.options[osel.selectedIndex] .value+" text"+osel.options[osel.selectedIndex].text; } </script> </head> <body> <div id="show"></div> <form action="#" name="myform"> <select id="sel"> <option value="1">51前端</option> <option value="2">div+css专区</option> <option value="3">ASP专区</option> <option value="4">搜索游湖</option> </select> </form> </body> </html>
代码可以获取选中项的value属性值和text文本内容,如果单纯的想获取当前选中项的value值的话,直接就可以使用如下代码即可:
<script> var osel=document.getElementById("sel"); osel.value; </script>
二.任意option项:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> window.onload=function(){ var osel=document.getElementById("sel"); var oshow=document.getElementById("show"); oshow.innerHTML="value:"+osel.options[2] .value+" text"+osel.options[2].text; } </script> </head> <body> <div id="show"></div> <form action="#" name="myform"> <select id="sel"> <option value="1">51前端</option> <option value="2">div+css专区</option> <option value="3">ASP专区</option> <option value="4">搜索游湖</option> </select> </form> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能