首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-08-22 
jQuery获取下拉框(select)的显示值和真实值有如下HTML代码:select idseloption selected value111

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 

热点排行