Javascript 我如何动态地用唯一具有相同id的选项填充其他选项？

如果我有三个选项下拉列表，并且我在其中一个选项中选择了一个选项，那么我如何动态地用唯一具有相同id的选项填充其他选项？

假设您想创建两个下拉列表来选择一个汽车品牌，并用相应的汽车型号填充第二个选项

首先，您需要一个包含所有品牌的数组（或数据集）。然后，您应该用该数据填充下拉列表

const模型=[{
0:‘Uno’，
1:“生态体育”
},
{
0:“Camaro”，
1:‘普里斯玛’
},
{
0:'i10'，
1:‘i20’
}];
const selectBrands=document.getElementById（'brands'）；
const selectModels=document.getElementById（'models'）；
//将更改事件侦听器添加到品牌的选择中
selectBrands.addEventListener（'change'，（event）=>{
const brandId=event.target.value；
const brandModels=模型[brandId]；
//清除输入
selectModels.innerHTML='选择模型'；
//用相应的品牌模型填充输入
Object.keys（brandModels）.forEach（（idx）=>{
const option=document.createElement（'option'）；
option.text=brandModels[idx]；
选择models.options.add（选项）；
});
});

选择一个品牌
法令
转基因的
现代


选择一个模型
可以吗？该概念在“具有相同id”方面存在缺陷。根据web标准，唯一id不应该重复。这个问题没有意义，因为
id
必须在DOM中是唯一的。欢迎使用SO！请提供您当前的标记以及显示您迄今为止尝试的代码。看一看，如果可能的话，提供一份报告。