JQuery seleccionar cambio no disparar

tooltip html

Question

Necesito capturar cuando un cuadro de selección cambia, ¡debería ser simple!

 $(''#multiid'').change(function(){
alert(''Change Happened'');
});

Pero no funciona, sospeché que el problema es que el cuadro de selección no existe en el documento listo, se crea solo si es necesario, así que lo creé vacío en HTML, lo rellené con el código como prueba pero tampoco funcionó .

function buildmulti(id,name,price) {
// build action items for action bar
var optlist = $(''<select></select>'').attr(''id'', ''multiid'').attr(''name'', ''multiid'');
optlist.append(''<option value="0">Select Size</option>'');
$.each(option, function(index, val) {
if(val.prodID *1 == id * 1) {
v = val.ID;
fprice = price * 1 + val.pricechange * 1;
t = name + '' - '' + val.variation + '' - '' + currency + (fprice).toFixed(2);
optlist.append(''<option value="'' + v + ''">'' + t + ''</option>'');
}
})
$(''#addbasket'').append(optlist);
};

Probablemente haya otro soporte fuera de lugar, ¡pero no lo encuentro!

Answer 1

Esto funciona para mí!

$(''#<%= ddlstuff.ClientID %>'').change(function () {
alert(''Change Happened'');
$(''#<%= txtBoxToClear.ClientID %>'').val('''');
});

Answer 2

Prueba esto

$(''body'').on(''change'', ''#multiid'', function() {
// your stuff
})

por favor, compruebe .on() selector

Answer 3

Puedes disparar el evento chnage por estos métodos:

primero

$(''#selectid'').change(function () {
alert(''This works'');
}); 

Segundo

$(document).on(''change'', ''#selectid'', function() {
alert(''This Works'');
});

Tercero

$(document.body).on(''change'',''#selectid'',function(){
alert(''This Works'');
});

Si estos métodos no funcionan, verifique si su jQuery funciona o no:

$(document).ready(function($) {
alert(''Jquery Working'');
});

Answer 4

Tratar

 $(document).on(''change'',''#multiid'',function(){
alert(''Change Happened'');
});

Como su cuadro de selección se genera a partir del código, debe usar la delegación de eventos , en lugar de $(document) puede tener el elemento primario más cercano.

O

$(document.body).on(''change'',''#multiid'',function(){
alert(''Change Happened'');
});

Actualizar:

La segunda funciona bien, hay otro cambio de selector para que funcione.

$(''#addbasket'').on(''change'',''#multiid'',function(){
alert(''Change Happened'');
});

Idealmente, deberíamos usar $("#addbasket") ya que es el elemento primario más cercano [ como he mencionado anteriormente ].

Answer 5

$(document).on(''change'',''#multiid'',function(){
// you desired code
});

referencia en