Question

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

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

<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，则可以＆＃34;采摘＆＃34;那一个。

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作为你想要的元素。

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

如果您知道更好或更有效的方法，请告知我们。

根据选择值选择元素

1 个答案: