当前位置: 代码迷 >> Web前端 >> jQuery获取上拉框(select)的显示值和真实值
  详细解决方案

jQuery获取上拉框(select)的显示值和真实值

热度:165   发布时间:2012-08-22 09:50:35.0
jQuery获取下拉框(select)的显示值和真实值
有如下HTML代码:
<select id="sel"> 
    <option selected value="111">111aaa</option> 
    <option value="222">222aaa</option> 
</select>

想通过jQuery获取select的显示值和真实值:
显示值:$(&quot;#sel option[selected]&quot;).text();  --结果为111aaa 

真实值:$(&quot;#sel option[selected]&quot;).val(); --结果为111 
#sel 是select的id
option 表示select下的所有option
[selected] 表示具有selected属性的option

也可以这样:
显示值:$(&quot;#sel option:selected&quot;).text();  --结果为111aaa 

真实值:$(&quot;#sel option:selected&quot;).val(); --结果为111 
这样也行:
显示值:$(&quot;#sel &gt; option:selected&quot;).text();  --结果为111aaa 

真实值:$(&quot;#sel &gt; option:selected&quot;).val(); --结果为111 

  相关解决方案