How to bind .change() event in jquery to a dynamically generated html element

Question

$("#mySelect").val(subgroup_id).change()

这里mySelect是动态生成的下拉列表

Answer 1

You'd do that by using the delegated version of on() , and delegate the event to the closest non-dynamic parent (using the document in the example below) :

$(document).on('change', '#mySelect', function() {
    this.value = subgroup_id; //sets the value on change ????
});

Answer 2

Use the on() method - http://api.jquery.com/on/

$('body').on('change', '#mySelect', function() {
    // do stuff here
})