代码描述:jquery获取select下拉菜单 选中项值和文本。jquery获取select下拉菜单选中项值和文本源码下载
select下拉列表是常用的表单元素之一,经常要获取它的选中项的value属性值和显示的文本内容。 下面就通过实例简单介绍一下如何获取这两个属性值。 一.获取value属性值:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <head> <title>51前端</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function(){ $('#bt').click(function(){ alert($('#myselect option:selected').val()); }) }) </script> </head> <body> <select id="myselect"> <option value="1">51前端</option> <option value="2">css教程</option> <option value="3">javascript教程</option> </select> <input type="button" id="bt" value="获取" /><br /> </body> </html>
以上代码可以弹出当前select下拉菜单选择项的value属性值。 二.获取文本属性值: 在上面代码基础将,将相应语句修改成以下代码即可:
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能