Izvēlētā nolaižamā saraksta elementa numurs

Select elementos pastāv īpašs īpašums selectedIndex, kas glabā sevī saraksta elementa numuru, kas pašlaik ir atlasīts. Numerācija šajā gadījumā sākas no nulles. Turklāt šo īpašumu var gan nolasīt, gan ierakstīt, mainot atlasīto saraksta elementu.

Apskatīsim darbību ar šo īpašumu piemērā. Pieņemsim, ka mums ir dots šāds nolaižamais saraksts:

html<select id="select">
  <option value="one">viens</option>
  <option value="two" selected>divi</option>
  <option value="three">trīs</option>
</select>

Izvadīsim atlasītā saraksta elementa numuru:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // izvadīs 1

Un tagad atlasīsim kādu citu elementu:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // atlasīs 'trīs'