jQuery: cómo comprobar si NO se seleccionó explícitamente ninguna opción en un cuadro de selección

Question

¿Es posible detectar si no se seleccionó explícitamente una opción en un cuadro de selección?

me han tratado estos métodos, pero ninguno de ellos funciona:

<select id="mySelect"> 
    <option value="1">First</option> 
    <option value="2">Second</option> 
    <option value="3">Third</option> 
    <option value="4">Fourth</option> 
</select> 

Prueba 1:

alert($('#select option:selected').length); // returns 1 

Ensayo 2:

alert($('#select option[selected=selected]').length); // returns 1 

Prueba 3:

alert($('#select option:selected').attr('selected')); // returns 'selected' 

¿Alguna idea SO personas?

Answer 1

intenta esto:

<select id="mySelect"> 
    <option value="1">First</option> 
    <option value="2">Second</option> 
    <option value="3">Third</option> 
    <option value="4">Fourth</option> 
</select><input type="button" id="btncheck" value="check"/> 

Utilice esta JS:

$('#btncheck').click(function(){ 
    if ($("#mySelect ")[0].selectedIndex <= 0) { 
       alert("Not selected"); 
      } 
    else 
     alert("Selected"); 
}); 

Verificará si se seleccionó su menú desplegable.

probar este violín: http://jsfiddle.net/aPYyt/

espero que ayude!

PD: Tendrá que hacer que primer valor como valor predeterminado.

Answer 2

Un cuadro de selección siempre tiene un valor. Si no cambia manualmente el valor predeterminado, aún tiene un valor. Para la comprobación de explícitas cambios, como usted dice, se podría monitorear change:

$('#select').change(function() { $(this).data('changed', true); }); 

su condición, entonces, sería:

if(!!$('#select').data('changed')) { ... } 

La forma más común de lograr algo similar sería insertar un valor de marcador de posición en la parte superior:

<option value="0">Please select one item</option> 

... y prueba para

$('#select').val() == '0' 

Si necesita saber si la selección se ha cambiado desde su valor original, es decir, la prueba anterior, pero asegurándose de que el usuario no vuelva a la configuración predeterminada, simplemente puede almacenar el valor original en la página de carga:

$('#select').data('original-value', $('#select').val()); 

y compruebe si hay

$('#select').val() != $('#select').data('original-value'); 

Answer 3

Así es como funciona normal elemento select : la primera opción se selecciona si no hay otra opción tiene selected conjunto de atributos. La solución más sencilla es añadir una opción vacío como la primera opción, así:

<select id="mySelect"> 
    <option value="">-- select an item --</option> 
    <option value="1">First</option> 
    <option value="2">Second</option> 
    <option value="3">Third</option> 
    <option value="4">Fourth</option> 
</select> 

En jQuery puede probar una de estas condiciones:

$("#mySelect").val() === ""; 
$("#mySelect option:selected").index() == 0; 
$("#mySelect option:first:selected").length != 0; 

Answer 4

Por defecto cualquier opción que viene en el índice 0 es considerado por el navegador como seleccionado.La solución al problema sería la inserción de una opción de maniquí en el índice 0 y antes de enviar el formulario se puede validar que usar algo como

if($("#selectBox option").index("option:selected")>0) $("#myForm").submit();

Answer 5

var $inputs_select_options = $('option:selected');  

// remove empty(first option as default , value=="") options: 
$inputs_select_options = $inputs_select_options.filter(function() { 
    return this.value.length; //check by length value 
});