小编典典

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

php

嗨,我想使用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),则非常欢迎。


阅读 215

收藏
2020-05-29

共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));

                    });









                }

            });



        });
2020-05-29