cómo comprobar un menú desplegable tiene un valor en jquery?

Question

cuál es la mejor manera de verificar si un menú desplegable contiene un valor que no es nulo.

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

¿Cómo marcar el menú desplegable anterior no contiene valores?

Answer 1

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

Esto verificará si el cuadro de selección contiene cero opciones que tienen un valor diferente de "" (vacío).

Así que el siguiente código HTML será visto como vacío en el anterior jQuery:

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

El código HTML siguiente se no ser visto como vacío:

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

JSFiddle demo

Answer 2

probar esto

esto le dará el valor sólo si tiene un valor

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

Answer 3

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

si eso vuelve "" significa que no hay nada seleccionado.

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

si la variable permanece vacía significa que no hay ningún elemento seleccionado.

Answer 4

Do se refiere a:

 

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