读书人

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

发布时间: 2012-08-22 09:50:35 作者: rapoo

jQuery获取下拉框(select)的显示值和真实值
有如下HTML代码:
<select id="sel">
<option selected value="111">111aaa</option>
<option value="222">222aaa</option>
</select>

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

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

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

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

真实值:$("#sel > option:selected").val(); --结果为111

读书人网 >Web前端

热点推荐