如何使用Ajax和php填充可靠的下拉菜单

Question

嗨，我想使用Ajax在下拉菜单上管理数据。

数据库字段：

1.id

2.名称

3.部门

myDesgin.php

     <select id="id"></select>
     <select id="name"></select>
     <select id="department"></select>

1.如果我选择了一个下拉菜单，要更改另一个下拉菜单，则取决于使用Ajax选择的值。

2.是否有可用的代码，如果我选择一个下拉菜单，它将转到另一个子窗口并使用 Ajax 以表格式（如报告）显示数据。

提前致谢。

请给我示例代码，因为我是ajax的初学者，如果有人提供带有代码的解释（对于ajax），则非常欢迎。

Answer 1

是的，检查以下jquery ajax代码。在此示例中，如果更改“部门”，则它将填充“名称”下拉列表。

$(document).on("change", '#department', function(e) {

            var department = $(this).val();





            $.ajax({

                type: "POST",

                data: {department: department},

                url: 'admin/users/get_name_list.php',

                dataType: 'json',

                success: function(json) {



                    var $el = $("#name");

                    $el.empty(); // remove old options

                    $el.append($("<option></option>")

                            .attr("value", '').text('Please Select'));

                    $.each(json, function(value, key) {

                        $el.append($("<option></option>")

                                .attr("value", value).text(key));

                    });









                }

            });



        });