Question

我实施了一个动态下拉菜单，一旦用户选择了一个项目，它就会在下拉菜单下方的所选项目下加载子类别。这一切都发生在我的＆＃34;添加细节＆＃34;页。但是，当涉及到编辑页面时，我想要显示下拉列表中下拉列表和子类别项目中之前选择的项目。这是我在＆＃34;添加细节＆＃34;中使用的更改属性的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"));
});

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

1 个答案: