¿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'); }); 
  • dataTables que asignan una class css al contenedor de pagination
  • pasar variables a un modal de arranque
  • Reduzca el tamaño y cambie el color del texto del campo bootstrap-datepicker
  • Bootstrap no funciona cuando está envuelto por package de factores?
  • ¿Cómo hacer que Popover aparezca donde mi mouse ingresa al objective estacionario?
  • Adjunte y separe los encabezados fijos con Twitter Bootstrap
  • Twitter Bootstrap 3 se contrae cuando se marca la checkbox
  • Diseño con encabezado y pie de página fijo, barra lateral de ancho fijo y contenido flexible
  • "UnEught TypeError: no se puede usar el operador 'in' para search 'length' in" activado por Datatables plugin y jQuery 1.11.3
  • ¿Comprender el almacenamiento en caching?
  • Cómo get Elemento seleccionado en el menu desplegable de arranque, donde el menu desplegable se llena dinámicamente
  • Alojando una list de selección dentro de un menu desplegable nested de Twitter BootStrap (IE 9 específico)
  • El context emergente modal se desvanece aún apareciendo después de cerrar la window emergente
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.