Как загрузить динамический зависимый выпадающий список в форме загрузки?

Question

Я реализовал динамическое выпадающее меню, и как только пользователь выберет элемент, он загрузит подкатегории под выбранным элементом под раскрывающимся меню. Все это происходит на моей странице «Добавить детали». Но, когда дело доходит до страницы редактирования, я хочу показать оба ранее выбранного элемента из раскрывающихся и подкатегорий под раскрывающимся списком. Это JQuery, который я использую для свойства при изменении на странице «Добавить детали».

$(document).ready(function() { 
    $("#parent_cat").change(function() { 
     $(this).after('<div id="loader" style="position:inline;"><img src="../device manager/img/loading.gif" alt="loading subcategory" /></div>'); 
     $.get('loadsubcat_edit.php?parent_cat=' + $(this).val() + '&branchId=' + <?php echo json_encode($user_ID); ?>, function(data) { 
      $("#sub_cat").html(data); 
      $('#loader').slideUp(200, function() { 
       $(this).remove(); 
      }); 
     }); 
    }); 
}); 

Я хочу загрузить этот JQuery при загрузке формы.

Любое решение было бы замечательным. Спасибо в продвинутом режиме.

Answer 1

Не проверить код, если он работает или нет, но основная идея заключается в том, чтобы вызвать вашу подкатегорию загрузки часть кода как на странице загрузки (в данном случае это редактирование) и на смену ниспадающего

var userid = <?php echo json_encode($user_ID); ?>; 
function loadsubcategory(obj) { 
    obj.after('<div id="loader" style="position:inline;"><img src="../device manager/img/loading.gif" alt="loading subcategory" /></div>'); 
    $.get('loadsubcat_edit.php?parent_cat=' + obj.val() + '&branchId=' + userid, function(data) { 
     $("#sub_cat").html(data); 
     $('#loader').slideUp(200, function() { 
      $(this).remove(); 
     }); 
    }); 
} 
$(document).ready(function() { 
    $("#parent_cat").change(function() { 
     loadsubcategory($(this)); 
    }); 
    loadsubcategory($("#parent_cat")); 
});