0

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

任何解决方案都会很棒。先谢谢了。

4

1 回答 1

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"));
});
于 2014-08-14T05:23:47.173 回答