Ripmenüüde töötamine JavaScriptis

Selles õppetükis uurime tööd sildiga select, mis esindab ripmenüüd. Kui te ei oska selle sildiga töötada HTML-is, siis alustuseks uurige selle seadistust siin lingil olevas juhendis: select.

Vaatame, kuidas selle sildiga töötada läbi JavaScripti. Oletame, et meil on antud selline ripmenüü:

html<select id="select">
  <option>one</option>
  <option selected>two</option>
  <option>three</option>
</select>

Saame viite select elemendile muutujasse:

javascriptlet select = document.querySelector('#select');

Nüüd kuvame ekraanile valitud loendielemendi teksti select elemendi muutumisel. Selleks tuleb lugeda meie select elemendi value omadust:

javascriptselect.addEventListener('change', function(){
  console.log(this.value);
});