Auslösen von Änderung und laden Ereignisse auf Ajax geladenen Inhalt

Question

Ich habe einen Code, der auf Änderung Ereignis der Auswahlbox #type als ID ausgeführt wird. Das Element wird über AJAX im modalen Bootstrap-Fenster geladen. Es funktioniert gut bei Änderungsereignissen, indem relevante Elemente angezeigt/versteckt werden und eine Ajax-Anforderung ausgelöst wird.

Jetzt möchte ich es jedes Mal ausführen, ajax Inhalt wird auch geladen, abgesehen von Änderungsereignis, weil manchmal ein Standardwert für #type Element geladen wird und ich Elemente anzeigen/verbergen und Ajax-Anfrage auf Ajax Inhalt laden soll diese Zeit.

Ich versuchte load Veranstaltung wie diese, zu verwenden

$(document).on('load change', '#geo-form #type', function() {...

aber id hat nicht funktioniert. Wie kann ich das machen?

Hier ist der Standardarbeitscode ab sofort.

$(document).on('change', '#geo-form #type', function() { 
    var value = $(this).val(); 
    console.log(value); 
    if (value == '') { 
     $.getJSON(url('ajax/divisions'), null, function (data) { 
      $("#geo-form #division_id").html(''); 
      $("#geo-form #division_id").append(
       $("<option></option>").text('Select one').val('') 
      ); 
      $.each(data, function (id, name) { 
       $("#geo-form #division_id").append(
        $("<option></option>").text(name).val(id) 
       ); 
      }); 
     }); 
    } 
    switch (value) { 
     case 'district': 
      $('#geo-form .division').removeClass('hide'); 
      $('#geo-form .district').addClass('hide'); 
      $('#geo-form .tehsil').addClass('hide'); 
      $('#geo-form .block').addClass('hide'); 
      break; 
     case 'tehsil': 
      $('#geo-form .division').removeClass('hide'); 
      $('#geo-form .district').removeClass('hide'); 
      $('#geo-form .tehsil').addClass('hide'); 
      $('#geo-form .block').addClass('hide'); 
      break; 
     case 'block': 
      $('#geo-form .division').removeClass('hide'); 
      $('#geo-form .district').removeClass('hide'); 
      $('#geo-form .tehsil').removeClass('hide'); 
      $('#geo-form .block').addClass('hide'); 
      break; 
     case 'village': 
      $('#geo-form .division').removeClass('hide'); 
      $('#geo-form .district').removeClass('hide'); 
      $('#geo-form .tehsil').removeClass('hide'); 
      $('#geo-form .block').removeClass('hide'); 
      break; 
    } 
}); 

Answer 1

Sie können es trigger manuell auf neu erstellen:

$("#geo-form #division_id").trigger('change');