如何檢查下拉列表在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; 
     }   
    });