如何检查下拉列表在jQuery中有一个值？

Question

检查的最佳方法是下拉菜单中包含的值不为null。

<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

Answer 2

试试这个

这会给你的价值，只有当它有一个值

$("#dropFinish1 option:selected[value!=""]).val() 

Answer 3

$('.dropinput').text(); 

如果返回“”这意味着没有什么选择。

var selectedItem = ""; 
$('.dropinput option').each(function(){ 
if($(this).attr('selected') == 'selected'){ 
selectedItem = $(this).val(); 
} 
}): 

如果变量保持为空，则表示没有选择项目。

Answer 4

待办事项你的意思是：

 

var hasOption = true; 
$('.dropinput option').each(function(i, v){  
     var $this = $(this);   
     if($this.val() == '' || $this.size < 1) { 
      hasOption = false; 
     } else { 
      hasOption = true; 
     }   
    });