Как активировать select по нажатию на radio?

Question

[marq]

Есть два radio и два select, как активировать тот или иной select при выборе radio?

<input type='radio' name='radios' id='val1' value='val1' />&nbsp;1
    <select name="sel2" id='sel2' disabled>
        <option>Deity Name</option>
    </select>
    <input type='radio' name='radios' id='val2' value='val2' />&nbsp;2
    <select name="sel1" id='sel1' disabled>
        <option>Deity Name</option>
    </select>

Answer 1

[0xD34F]

const radios = document.querySelectorAll('[name="radios"]');
const selects = Array.from(radios, n => n.nextElementSibling);
const onChange = e => selects.forEach(n => n.disabled = n !== e.target.nextElementSibling);
radios.forEach(n => n.addEventListener('change', onChange));

Comments

[marq]

спасибо

Answer 2

[Alex_mos]

Ну, делайте проверку(пример) и в зависимости от результата показывайте или скрывайте селект