Број изабраног елемента падајућег списка
У селекторима постоји специјално својство
selectedIndex, које чува број
оног елемента листе који је тренутно изабран.
Нумерација притом почиње од нуле. При
томе ово својство можемо како да читамо,
тако и да га уписујемо, мењајући изабрани елемент листе.
Погледајмо рад са овим својством на примеру. Нека нам је дат следећи падајући списак:
<select id="select">
<option value="one">један</option>
<option value="two" selected>два</option>
<option value="three">три</option>
</select>
Хајде да испишемо број изабраног елемента листе:
let select = document.querySelector('#select');
console.log(select.selectedIndex); // исписаће 1
А сада да изаберемо неки други елемент:
let select = document.querySelector('#select');
select.selectedIndex = 2; // изабраће 'три'
Дато је поље за унос и селектор. У поље се уноси неки број. При губитку фокуса поставите да буде изабран елемент листе, чији је број једнак вредности из поља за унос.
Направите падајући списак са називима дана у недељи. Поставите тако да преко ЈаваСкрипта подразумевано бира у овој листи тренутни дан.