Me encuentro con un problema muy extraño con un menú desplegable de búsqueda de selección múltiple de IU semántica.

Básicamente, puedo agregar y eliminar elementos del menú desplegable sin ningún problema. Sin embargo, mientras que la adición de elementos activa constantemente el oyente onChange jQuery, hay ocasiones en las que eliminar elementos no activa el oyente onChange jQuery. El oyente no se activa cuando se eliminan las opciones desplegables que tienen una coma (p. ej., seleccionar "Tokio, Japón" en el menú desplegable activará el oyente; hasta ahora todo bien, el oyente siempre se activa con elementos agregados, pero cuando hacemos clic en "X " para borrar esta opción, se elimina , pero el oyente no se activa.

Para ser claros, puedo eliminar elementos con comas en su texto, pero no activa el oyente onChange cuando debería.

El menú desplegable se ilustra a continuación con 3 opciones posibles: imagen desplegable

Mi código se parece a:

HTML (tenga en cuenta que las posibles opciones desplegables se agregan dinámicamente a través de JS durante el tiempo de ejecución y que las opciones se agregan adecuadamente, como muestra la imagen):

 <div class="ui fluid search selection dropdown" id="myid"> <input type="hidden" name=""> <i class="dropdown icon"></i> <div class="default text">Some default text</div> <div class="menu"> </div> </div>

JS:

 $('.ui.dropdown').dropdown({ // SEMANTIC UI LISTENER onChange: function() {console.log("triggered")} });

Observe el oyente onChange : es este oyente el que pensé que se activaría cada vez que eliminemos o seleccionemos elementos del menú desplegable. La forma en que detecto si se activa es simplemente a través del registro de la consola.

Cualquier consejo es apreciado.