¿Cómo podemos disparar el evento en la opción seleccionada cuando seleccionamos nuevamente la opción seleccionada?

  • cuando selecciono la opción '2', abre bootstrap – modal.so la primera vez que abre modal.now la opción '2' ya está seleccionada. ahora de nuevo hago clic en la opción '2'. no activa ningún evento de cambio, así que mi modal de arranque no se abre. Porque escribí lógica en el cambio
    evento.
  • Entonces, ¿cómo puedo disparar el evento de cambio en la opción seleccionada?

3 Solutions collect form web for “¿Cómo podemos disparar el evento en la opción seleccionada cuando seleccionamos nuevamente la opción seleccionada?”

A pesar del evento de change desencadenar el evento modal al click de la select option de select option como

 $('select option').on('click',function(){ $("#modelId").modal('show'); }); 

Cree una opción de selección con un valor pnetworkingeterminado.

 <select id="slt"> <option value="default">Select Something</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> 

Cada vez, maneje el evento change para una opción no defaultValue y luego restablezca la opción pnetworkingeterminada a selected.

 var $slt = $('#slt'), defaultValue = 'default'; function handleChange(e){ var val = $slt.val(); // do nothing for defaultValue being selected if (val === defaultValue) { return; } // do something else console.log(val); // reset the value to defaultValue $slt.find('option:selected').prop('selected', false); $lst.find('option').eq(0).prop('selected', true); } $slt.bind('change', handleChange); 

Pero esto hará que la selección siempre se muestre como "Seleccionar algo".

Esta es una demostración sobre esto: http://codepen.io/shuizhongyueming/pen/JWYYLJ


Encontré otra solución para esto, que es mejor que la mía.

https://stackoverflow.com/a/12404521/2279763

Utiliza el selectedIndex para restablecer el valor seleccionado en el foco, sin necesidad de la opción defaultValue, y mostrará la opción seleccionada después de hacer clic.

Esta es la demostración en el comentario: http://fiddle.jshell.net/ecmanaut/335XK/

También puedes usar la function modal

 $('select option').on('click'function(){ $('modelId').modal('show'); }); 
  • Las acciones de desplazamiento del carrusel se acumulan en JQuery
  • Hacer que la página se mueva hacia abajo onclick en el button Navbar-Toggle
  • La date del formatting Bootstrap datepicker es diferente en la pantalla que en el valor
  • Bootstrap 3 afijo. No se puede eliminar margen superior
  • Twitter Bootstrap 2.0.4 Modal - ¿Cómo aplicar modal fade en efecto a un estilo de class modal recién creado?
  • Página web animada para mostrar la navigation
  • jQuery & Bootstrap no funciona?
  • Cómo cambiar dinámicamente el cuerpo modal de bootstrap
  • Alternativa HTML a <input type = text> a la que se le puede asignar una ID única y que se combina con el text
  • Desactivar tabs en Bootstrap
  • jquery carrusel para un sitio de arranque que cubre mi página en desplazamiento
  • Anima el cambio de altura en el carrusel de Bootstrap (v2.3.2)
  • el gráfico no se muestra dentro de un arranque-modal
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.