gpt4 book ai didi

javascript - 根据所选选项更改输入值,但适用于多组

转载 作者:行者123 更新时间:2023-12-01 16:24:56 27 4
gpt4 key购买 nike

我有一组输入/选项:

<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>

我可以在更改时根据选项中选择的内容更改输入的值。接下来是我的重绘功能,它完全按预期工作。这一次适用于 1 组:

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

我的问题:假设我有大约 100 组输入/选项,所有这些都包含不同类型的“金属”。我可以为 100 组中的每组重现我的 6 行“Devices001func()”,但那是 600 行。我很乐意感谢任何可以指出我在这里采用的普通 JS 方法的人。

干杯!

最佳答案

您可以使用事件冒泡:

document.body.addEventListener('change', event => {
const masterElement = document.getElementById(event.target.id + 'Master');

if (masterElement !== null) {
masterElement.value = event.target.value;
ReDraw();
};
});

关于javascript - 根据所选选项更改输入值,但适用于多组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63350010/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com