我正在尝试获取选择元素的值并将其与另一个元素的数据集匹配以影响该元素的转换。
所以我有两个带有数据的标签:
<select data-name="name goes here" updateElement()></select>
<select value="what ever option is picked" applyTransition()></select>
每当您更改数据名称选项时,它都会更新一个变量,该变量保存我试图应用过渡效果的元素。
目标是当您使用data-name
更改选择时,它会更新并且其他选择的元素也会应用转换。
我没有分享任何实际代码,因为它太多,我只想分享需要的内容。
最佳答案
好吧,我在用头撞控制台后发现了这一点。
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
作为您想要的元素。
然后您就可以在任何地方使用该变量。
如果您知道更好或更有效的方法来实现此目的,请告诉我。
关于javascript - 根据选择值选择元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47707098/