Verandering van Geselekteerde Punt in Lys op JavaScript

In die vorige les het ons geleer hoe om die geselekteerde punt van 'n lys te kry. Laat ons nou die geselekteerde punt met behulp van JavaScript verander.

Om dit te doen, skryf ons die waarde van die value attribuut van die option wat ons wil kies, in die value eienskap van die select.

Kom ons sê ons het die volgende select:

<select id="select">
	<option value="one">een</option>
	<option value="two" selected>twee</option>
	<option value="three">drie</option>
</select>

Kom ons sê daar is ook 'n knoppie:

<input type="submit" id="button">

Laat ons verwysings na die select en die knoppie in veranderlikes kry:

let select = document.querySelector('#select');
let button = document.querySelector('#button');

En laat ons nou maak dat wanneer die knoppie gedruk word, ons select van keuse verander:

button.addEventListener('click', function() {
	select.value = 'one';
});

As ons lys nie value attribuute het nie, dan moet ons die teks van die option tag wat ons wil kies, in die value eienskap van die select skryf.

Maak 'n aftreklys met die name van die maande. Maak dat JavaScript by verstek die huidige maand in hierdie lys kies.