zpět k lekci

Přidejte možnost volby

důležitost: 5

Máme <select>:

<select id="žánry">
  <option value="rock">Rock</option>
  <option value="blues" selected>Blues</option>
</select>

Pomocí JavaScriptu:

  1. Zobrazte hodnotu a text zvolené možnosti.
  2. Přidejte další možnost: <option value="klasika">Klasika</option>.
  3. Označte ji jako zvolenou.

Všimněte si, že pokud uděláte všechno správně, měl by váš alert zobrazit blues.

Řešení, krok po kroku:

<select id="žánry">
  <option value="rock">Rock</option>
  <option value="blues" selected>Blues</option>
</select>

<script>
  // 1)
  let zvolenáMožnost = žánry.options[žánry.selectedIndex];
  alert( zvolenáMožnost.value );

  // 2)
  let nováMožnost = new Option("Klasika", "klasika");
  žánry.append(nováMožnost);

  // 3)
  nováMožnost.selected = true;
</script>