如何在表单加载中加载动态依赖下拉列表

how to load dynamic dependent dropdown in form load?

本文关键字：加载 动态 依赖 下拉列表 表单      更新时间：2023-09-26

我实现了一个动态下拉菜单，一旦用户选择了一个项目，它将在下拉菜单下加载所选项目下的子类别。这一切都发生在我的"添加详细信息"页面。但是，当涉及到编辑页面时，我想显示前面从下拉菜单中选择的项和下拉菜单下的子类别项。这是我在"添加细节"页面中使用的属性更改的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。

任何解决方案都很棒。

没有检查代码是否有效，但主要思想是触发你的子类别加载代码部分在页面加载(在这种情况下，当它正在编辑)和下拉菜单更改

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"));
});
相关文章：