/*选择框部门列表*/ $(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) var data; $.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) for (var i = 0; i < list.length; i++) { for (var j = 0; listArea.length; j++) { //两个unit一样的时候,拼接html if (list == listArea) { html += "<option value='" + list[i].name + "'>" + list[i].name + "</option>" } $('.aaa').html(html) } } } } }) } } }) })我该怎么选择department同时带出listArea
时间: 2024-02-10 16:25:56 浏览: 124
jquery 框架使用教程 AJAX篇
你可以在选择部门的时候同时获取listArea。首先,你需要将部门列表的选择框和地区列表的选择框分别设置一个id,比如部门选择框的id为"departmentSelect",地区选择框的id为"areaSelect"。然后,你可以使用以下代码来实现:
```javascript
$(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); // 设置部门列表的选择框内容
var selectedDepartment = list[0].departmentName; // 默认选择第一个部门
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 = ""; // 清空前面的html内容
for (var i = 0; i < listArea.length; i++) {
html +=
"<option value='" + listArea[i].name + "'>" + listArea[i].name + "</option>"
}
$('#areaSelect').html(html); // 设置地区列表的选择框内容
}
}
})
}
}
})
})
```
这样,当你选择部门的时候,地区列表的选择框内容就会根据选中的部门动态更新。请注意,你需要根据实际情况修改ajax请求的url和参数,并确保服务器端能够正确处理这些请求。
阅读全文