Dwie listy rozwijalne html

Question

<select name='Lista_1'>
	<option value='A'>Lista druga Aktywna</option>
	<option value='N'>Lista druga Nie aktywna</option>							
</select>


<select name='Lista_2'>
	<option value='X'>Opcja 1</option>
	<option value='Y'>Opcja 2</option>	
	<option value='Z'>Opcja 3</option>					
</select>

Witam ... mam 2 listy i chciałbym żeby lista pierwsza włączała lub blokowała listę drugą. 

z góry dzięki za pomoc :)

Answer 1

<select name='Lista_1' onchange="handler()">
    <option value='A'>Lista druga Aktywna</option>
    <option value='N'>Lista druga Nie aktywna</option>                          
</select>

<select name='Lista_2'>
    <option value='X'>Opcja 1</option>
    <option value='Y'>Opcja 2</option>  
    <option value='Z'>Opcja 3</option>                  
</select>

<script>
let list1 = document.getElementsByName("Lista_1")[0];
let list2 = document.getElementsByName("Lista_2")[0];
function handler() {
	list2.disabled = list1.selectedIndex == 1;
}
</script>

 

Comments

https://developer.mozilla.org/pl/docs/Web/API/Element/addEventListener

---

chciałem aby kod był jak najbardziej kompaktowy

---

dzięki :)

---

a czy w tym nie ma literówki ?

list2.disabled = list1.selectedIndex == 1;

Mógłbyś mi to wyjaśnić ? bo coś mi nie chodzi

---

@vector, coś mi nie chodzi