2011-02-06 21 views
14

Escribí una función jQuery que se ejecuta actualmente en Click Event. Necesito cambiarlo para que se ejecute cuando se cambie el valor de un cuadro desplegable (Seleccionar-Opción). Aquí está mi código:Ejecutar la función jQuery en el cambio de lista desplegable

<form id="form1" name="form1" method="post" action=""> 
    <label> 
    <select name="otherCatches" id="otherCatches"> 
     <option value="*">All</option> 
    </select> 
    </label> 
</form> 

$("#otherCatches").click(function() { 
    $.ajax({ 
     url: "otherCatchesMap.php>", 
     success: function(msg) { 
      $("#results").html(msg); 
     } 
    }); 
}); 
+3

Sé que este tipo de comentarios son mal vistos, pero sin embargo: Google para 'jquery change' le habría dado el enlace a la función' change() 'como primer golpe: http://api.jquery.com/change/ –

Respuesta

33

Uso change() en lugar de click():

jQuery(document).ready(function(){ 
    $("#otherCatches").change(function() { 
    $.ajax({ 
    url: "otherCatchesMap.php>", 
    success: function(msg){ 
     $("#results").html(msg); 
    } 
    }); 
    }); 
}); 
+2

.change() es ideal para