根据选择值选择元素

Question

我正在尝试获取一个选择元素的值并将其与另一个元素的数据集相匹配，以影响该元素的转换。

所以我有两个带有数据的标签：

<select data-name="name goes here" updateElement()></select>

<select value="what ever option is picked" applyTransition()></select>

当您更改数据名称的选项时，它会更新一个变量，该变量包含我尝试应用过渡效果的元素。

目标是当您使用 data-name 更改选择时，它会更新并且元素另一个选择也会应用转换。

我没有分享任何实际代码，因为它很多并且只想分享需要的东西。

Answer 1

好的，所以我在用头撞控制台后发现了这一点。

const yourElements = document.querySelectorAll(".your-class-name");
let selectedElement;

因此，如果您的元素有一个 data-property 集，您可以将其“拔出”。

for(let i = 0; i < yourElements.length; i++){
if(select.value === your-class-name[i].dataset.property){
selectedElement = document.querySelector(`[data-property= 
${locationHands[i].dataset.property}]`);}

那么你应该可以看到selectedElement是你想要的元素。

然后您可以在任何地方使用该变量。

如果您知道实现此目的的更好或更有效的方法，请告诉我。