Numri i opsionit të zgjedhur në listën rënëse

Në selektet ekziston një veti e veçantë selectedIndex, e cila ruan numrin e atij opsioni të listës që është zgjedhur në këtë moment. Numërimi fillon nga zero. Në këtë rast kjo veti mund të lexohet dhe të shkruhet, duke ndryshuar opsionin e zgjedhur të listës.

Le të shohim punën me këtë veti me një shembull. Le të themi se kemi listën rënëse të mëposhtme:

html<select id="select">
  <option value="one">një</option>
  <option value="two" selected>dy</option>
  <option value="three">tre</option>
</select>

Le të shfaqim numrin e opsionit të zgjedhur të listës:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // do të shfaqë 1

Tani le të zgjedhim ndonjë opsion tjetër:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // do të zgjedhë 'tre'
Задание 1

Jepet një input dhe një selekt. Në input futet një numër. Kur humb fokusin, bëni të zgjedhur opsionin e listës, numri i të cilit është i barabartë me vlerën nga inputi.

Задание 2

Krijoni një listë rënëse me emrat e ditëve të javës. Bëni që përmes JavaScript si parazgjedhje të zgjidhet në këtë listë dita aktuale.