change from .live to .on, not populating data

Question

i have a code

$("#client").live("change", function() {
    var clientId = $('select[name="client"]').val();
    if(!isEmpty(clientId)){
        batchDropDownPopulate(clientId, "batch");
    }
    $("#client2").val(clientId);
    var listItems = '<option value="">Please select</option>';
    $("#campaign").html(listItems);
});

which i changed to

 $('#client').on('change',  function() {
      var clientId = $(this).select2("val");
    if(!isEmpty(clientId)){
        batchDropDownPopulate(clientId, "batch");
    }
    $("#client2").val(clientId);
    var listItems = '<option value="">Please select</option>';
    $("#campaign").html(listItems);
});

But above code is not populating data or not working. Its not showing any error or not working on change event.

Refer https://stackoverflow.com/questions/8042576/whats-the-difference-between-jquery-live-and-on — Adharsh M, May 28 '17 at 14:11

score 0 · Answer 1 · answered May 28 '17 at 15:29

it was small change i wanted to do

 $(document).on('change','#client'  function() {
      var clientId = $(this).select2("val");
    if(!isEmpty(clientId)){
        batchDropDownPopulate(clientId, "batch");
    }
    $("#client2").val(clientId);
    var listItems = '<option value="">Please select</option>';
    $("#campaign").html(listItems);
});

change from .live to .on, not populating data

1 Answers1