Javascript 根据所选选项更改输入值，但对于多个集

我有一套输入/选项：

<input type="checkbox" id="Devices001Master" class="Metals" value="Steel" onchange="ReDraw()">
<select id="Devices001" onchange="Devices001func()">
    <option value="Steel">Steel</option>
    <option value="Steel_1">Steel 1</option>
    <option value="Steel_2">Steel 2</option>
    <option value="Steel_3">Steel 3</option>
    <option value="Steel_4">Steel 4</option>
    <option value="Steel_5">Steel 5</option>
</select>

我的问题是：假设我有大约100套输入/选项，都有不同类型的“金属”。我可以为100组中的每一组复制我的6行“Devices001func（）”，但那是600行。我非常感谢任何能为我提供一个香草JS方法的人

---

干杯

您可以利用事件冒泡：

document.body.addEventListener（'change'，event=>{
常量masterElement=document.getElementById（event.target.id+“Master”）；
if（主元素！==null）{
masterElement.value=event.target.value；
重画（）；
};
});

这很有效！！！非常感谢：）我们肯定需要更深入地了解事件的冒泡性，以便更好地理解它。再次感谢！不客气！我记得当我坐下来研究这个冒泡的事件时。详细了解它的工作原理是非常值得的，非常棒：）

function Devices001func(){
    let Devices001Master = document.getElementById("Devices001Master");
    let Devices001 = document.getElementById("Devices001");
    Devices001Master.value = Devices001.value;
ReDraw();
};