根据第一个选择器的值向选择器中添加JSON中的轨道。
代码示例:
HTML:
JavaScript:
// 从JSON中获取轨道数据
const tracks = {
option1: ["轨道1", "轨道2", "轨道3"],
option2: ["轨道4", "轨道5", "轨道6"]
};
const selector1 = document.getElementById("selector1");
const selector2 = document.getElementById("selector2");
// 添加事件监听器
selector1.addEventListener("change", function() {
// 获取选择器1的值
const value = selector1.value;
// 从JSON中获取对应轨道
const trackList = tracks[value];
// 清空选择器2中的选项
selector2.innerHTML = "";
// 将轨道添加到选择器2中
trackList.forEach(function(track) {
const option = document.createElement("option");
option.value = track;
option.innerHTML = track;
selector2.appendChild(option);
});
});
// 初始化选择器2
const option = document.createElement("option");
option.disabled = true;
option.selected = true;
option.innerHTML = "请选择一个选项";
selector2.appendChild(option);
上一篇:AddtothebodyoftheAxiosPOST”改为中文。
下一篇:AddTransient<IService, Service>() 与 AddTransient<Service>() 的区别是什么?