función jquery en la selección desplegable

2 minutos de lectura

Necesito ejecutar una función jquery si se selecciona una determinada opción desplegable.

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

Tengo los comandos en la función listos, pero no estoy seguro de cómo hacerlo, así que si la opción 2 está actualmente activa en el menú desplegable, ejecute la función.

(el menú desplegable no tiene un botón de envío, quiero que se ejecute cuando el usuario resalte la opción)

avatar de usuario
Tats_innit

Prueba esto manifestación http://jsfiddle.net/JGp9e/

Esto ayudará, ¡que tengas un buen día!

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>​

  • ¿Qué sucede si desea que se active incluso si se seleccionó lo mismo?

    – Jaxx0rr

    10 de febrero de 2021 a las 15:37

usar

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

espero que esto ayude….

Prueba este, Demostración en JsFiddle

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

});

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

necesitas usar change función

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

avatar de usuario
Saifuddin Sarker

    $(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.

avatar de usuario
Shamshad Zaheer

Una forma sencilla puede ser la siguiente:

<select name="select" id="select" onChange="window.location = this.value">
  <option value="/en">English</option>
  <option value="/ps">Pashto</option>
</select>

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad