有如下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
<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