2012-05-07 18 views
9

Necesito ejecutar una función jquery si se selecciona una cierta opción desplegable.jquery function on dropdown select

<select name=dropdown size=1> 
    <option value=1>option 1</option> 
    <option value=2>option 2</option> 
</select> 

que tienen los comandos de la función de lista, Im simplemente no está seguro sobre cómo hacerlo así que si la opción 2 es actualmente activa en el menú desplegable, a continuación, ejecutar la función.

(duerma desplegable haber un botón de envío, quiero que corrió cuando el usuario selecciona la opción)

+0

necesita solo para googlearlo ... lo encontrará .. –

Respuesta

17

Prueba este demostraciónhttp://jsfiddle.net/JGp9e/

Esto ayudará, tener un buen uno!

código

$('select[name="dropdown"]').change(function(){ 

    if ($(this).val() == "2"){ 
     alert("call the do something function on option 2"); 
    }   
});​ 

HTML

<select name="dropdown" size=1> 
    <option value="1">option 1</option> 
    <option value="2">option 2</option> 
</select>​ 
1

Es necesario utilizar change función

$('select[name=dropdown]').change(function() { 
    alert($(this).val()); 
}); 
2

uso

$("#idofselectbox").change(function(){ 
// your code here 
}); 

esperanza esta ayuda ...

+0

@gopesh: - mi error ... corregido ... gracias ... –

5

Pruebe este, Demo on JsFiddle

$('select[name="dropdown"]').change(function() { 
    alert($(this).val()); 

}); 
2
$(document).ready(function() { 
    $("select[name='dropdown']").change(function() { 
    alert($(this).val()); 
    }); 
}); 
0
$(document).ready(function() { 
     $("select[name='dropdown']").change(function() { 
     if($(this).val()==2){ 
      //do what u want here 
      }//u can check your desired value here 
    }); 
    }); 

Creo que quieres esto.