jquery - jquery 如何检查下拉列表是否有值？

Question

检查下拉列表中包含不为空值的最佳方法是什么。

 <select class="dropinput" name="Finish1" id="dropFinish1" tabindex="10" disabled="disabled">
    <option value=""></option>
</select> 

如何检查上面的下拉列表不包含任何值？

Answer 1

if($('.dropinput > option[value!=""]').length == 0) {
    //dropdown contains no non-null options
}

这将检查选择框是否包含零个值不同于“”(空)的选项。

因此以下 HTML 在上面的 jQuery 中将被视为空:

<select class="dropinput" name="Finish1" id="dropFinish1" tabindex="10" disabled="disabled">
    <option value=""></option>
</select> 

以下 HTML 不会被视为空:

<select class="dropinput" name="Finish1" id="dropFinish1" tabindex="10" disabled="disabled">
    <option value=""></option>
    <option value="some value"></option>
</select> 

JSFiddle demo