使用 JavaScript 动态添加 Select 框选项 (Map 数据)
你可以使用 JavaScript 中的 DOM 操作来给 select 框增加可选项。假设你已经通过 ajax 请求获取到了返回值中的 data,data 是一个包含键值对的 map,你可以按照以下步骤进行操作:
- 获取 select 元素的引用:
let select = document.getElementById('selectId'); // selectId 是你的 select 元素的 id
- 遍历 data 中的键值对,创建 option 元素,并将其添加到 select 元素中:
for (let key in data) {
let option = document.createElement('option');
option.value = key; // 设置 option 的值为键
option.text = data[key]; // 设置 option 的显示文本为值
select.appendChild(option); // 将 option 添加到 select 元素中
}
这样就可以根据返回值中的 data 动态地为 select 框增加可选项了。记得在 ajax 请求完成后调用以上代码进行操作。
原文地址: https://www.cveoy.top/t/topic/qetG 著作权归作者所有。请勿转载和采集!