선택 값을 기준으로 요소 선택

Question

select 요소의 값을 가져 와서 해당 요소의 전환에 영향을주는 다른 요소의 데이터 집합에 일치 시키려고합니다.

그래서 나는 그들에 데이터를 두 개의 태그가 :

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

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

당신이 데이터 이름의 옵션을 변경 이제까지 내가 전환에 영향을 적용하려고 요소를 보유하고 변수를 업데이트합니다.

목표는 data-name으로 선택을 변경하고 요소를 선택하면 다른 선택이 전환을 적용하는 것입니다.

실제 코드를 많이 공유하지 않았으므로 필요한 코드를 공유하고 싶습니다.

Answer 1

좋아, 콘솔에서 내 머리를 두드린 후 알았어. 당신의 요소가 data-property 설정이있는 경우

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

그래서 당신은 그 일을 "뽑아"할 수 있습니다.

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을 볼 수 있습니다.

그런 변수는 어디에서나 사용할 수 있습니다.

더 효과적으로 또는보다 효율적인 방법을 알고 있다면 알려 주시기 바랍니다.