/选择框部门列表/ $(document).ready(function () { var data; $.ajax({ url: "/system/department/getDepartments", data: data, type: "post", dataType: "json", success(res) { console.log(res) if (res.code == 200) { let list = res.data.police; let html = ""<option value=''></option>""; for (let i = 0; i < list.length; i++) { html += "<option value='" + list[i].departmentName + "'>" + list[i].departmentName + "</option>" } $('.ddd').html(html),我想在点击了部门选项后,另一个下拉框的值能根据部门来获取出来,该怎么写

要根据部门选择来获取另一个下拉框的值，你需要为部门选择框添加一个事件监听器，当选择框的值发生变化时触发事件。在事件处理程序中，你可以根据选中的部门名称发送请求获取另一个下拉框的值，并更新该下拉框的内容。以下是一个示例代码：

$(document).ready(function () {
    var data;
    $.ajax({
        url: "/system/department/getDepartments",
        data: data,
        type: "post",
        dataType: "json",
        success(res) {
            console.log(res)
            if (res.code == 200) {
                let list = res.data.police;
                let html = "<option value=''></option>";
                for (let i = 0; i < list.length; i++) {
                    html +=
                        "<option value='" + list[i].departmentName + "'>" + list[i].departmentName + "</option>"
                }
                $('.departmentSelect').html(html); // 设置部门选择框的内容

                // 部门选择框的change事件处理程序
                $('.departmentSelect').on('change', function() {
                    var selectedDepartment = $(this).val(); // 获取选中的部门名称
                    var data = { department: selectedDepartment }; // 传递选中的部门名称
                    $.ajax({
                        url: "/area/getListByUnit",
                        data: data,
                        type: "post",
                        dataType: "json",
                        async: false,
                        success(res) {
                            if (res.code == 200) {
                                var listArea = res.data;
                                console.log(listArea)
                                let html = "<option value=''></option>"; // 清空前面的html内容
                                for (var i = 0; i < listArea.length; i++) {
                                    html +=
                                        "<option value='" + listArea[i].name + "'>" + listArea[i].name + "</option>"
                                }
                                $('.areaSelect').html(html); // 设置另一个下拉框的内容
                            }
                        }
                    })
                });
            }
        }
    })
});

在这个示例代码中，我假设部门选择框的类名为"departmentSelect"，另一个下拉框的类名为"areaSelect"。当部门选择框的值发生变化时，会触发change事件，然后根据选中的部门名称发送请求获取另一个下拉框的值，并更新该下拉框的内容。请注意根据你实际的HTML结构和类名进行相应的修改。