如何在表单加载中加载动态相关下拉列表？答案

【问题标题】：how to load dynamic dependent dropdown in form load?如何在表单加载中加载动态相关下拉列表？
【发布时间】：2014-08-14 05:05:37
【问题描述】：

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

任何解决方案都会很棒。提前致谢。

【问题讨论】：

在您的主要详细信息表中，您存储类别 ID 和子类别 ID。当您在从数据库中获取记录时单击进行编辑时，您会同时获得 id，并且您需要从数据库中获取所有类别并填写选择控件，然后检查类别表中的类别 id 和我们从主要详细信息中获得的类别 id当我们得到匹配表时，将其选中。你也需要和子类别一样。

标签： javascript jquery html onload form-load

【解决方案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"));
});

【讨论】：