compruebe si la 1ª opción está seleccionada

Question

¿Cómo verifico si la primera opción está seleccionada y luego ejecuto algún código?

Algo así como, si el cuadro de selección llamado "My_Saved_Shipping" tiene la primera opción seleccionada y luego ejecuta el código.

<select name="My_Saved_Shipping"> 
<option>Select/Enter Address</option> 
<option value="1">text</option> 
<option value="2">text2</option> 
</select> 

Answer 1

<script type="text/javascript"> 
    if($("select[name='My_Saved_Shipping']").selectedIndex == 0) 
    { 
     //This is where your code goes 
     alert('First Element is selected'); 
    } 
</script> 

Si desea probar para el texto dentro de la option, utilice:

<script type="text/javascript"> 
    if($("select[name='My_Saved_Shipping']").text == 'Select/Enter Address') 
    { 
     //This is where your code goes 
     alert('First Element is selected'); 
    } 
</script> 

Answer 2

Editar: Modificado de selección para trabajar fuera del nombre, también el código añadido a wireup al controlador de cambio para la selección, y se coloca en el manejador de listas.

$(function(){ 
     $("select[name='My_Saved_Shipping']").change(function() {    
      if (this.selectedIndex == 0){ 
       <!-- do stuff --> 
       } 
      }); 
}); 

Answer 3

if ($('select[name=My_Saved_Shipping]')[0].selectedIndex === 0) { 
    // do something 
} 

Sería mejor para dar el <select> un id (por lo general coincide con el name) - un selector #id es más rápido que un selector [attr=val].

Answer 4

Por qué no usar algo como:

<select name="My_Saved_Shipping"> 
    <option value="-1">Select/Enter Address</option> 
    <option value="1">text</option> 
    <option value="2">text2</option> 
</select> 

y prueba si el valor es negativo?

Answer 5

Este es otro método:

$('.myselect').change(function() { 
    if ($(this).children('option:first-child').is(':selected')) { 
     //do something 
    } 
});