Evento al cambiar lista con change() de jQuery

Vamos a ver como lanzar un script cuando se cambie el valor de una lista.

IMPORTANTE: cargar libreria .js de jQuery para que funcione la función que vamos a usar: change()

Primero declaremos en nuestro fichero html la lista (select) que vamos a utilizar.

<select name="select" id="mi_lista">
  <option value="value1">Value 1</option> 
  <option value="value2" selected="">Value 2</option>
  <option value="value3">Value 3</option>
</select>

A continuación creamos un script que se activará al detectar un cambio en la lista gracias a la función de jQuery change().

Una vez detecte la selección se lanzará el código que tengamos declarado, en nuestro caso llamaremos a una función.

<script type="text/javascript" defer="">
   $(document).ready(function(){
     $('#mi_lista').on('change', function (){
         reload();//código personalizable
  });
});
</script>

Al activarse la función change(), dentro de esta función llamaremos a nuestra función creada por nosotros reload();

<script type="text/javascript">
   function reload()
   {
      //acción a realizar
      alert("Ha llegado correctamente");
   }
</script>

Iván Martínez

Ingeniero Informático apasionado por el mundo del desarrollo WEB. Me gusta caminar por este mundo lleno de tecnologías y día a día aprender cosas nuevas como el doctor Frankenstein ¡dadme cosas para experimentar!

Deja una respuesta

Tu dirección de correo electrónico no será publicada.