HTML Select的selectedIndex屬性用于獲取或設置select元素中被選中選項的索引。它可用于確定被選中選項的索引,也可以設置特定選項為被選中狀態。
以下是selectedIndex屬性的幾種用法:
const select = document.getElementById("mySelect");
const selectedIndex = select.selectedIndex;
console.log(selectedIndex); // 輸出被選中選項的索引
const select = document.getElementById("mySelect");
select.selectedIndex = 2; // 將索引為2的選項設置為被選中狀態
注意:設置selectedIndex屬性時,如果指定的索引超出了可選項的范圍,將不會有任何效果。
const select = document.getElementById("mySelect");
const selectedValue = select.options[select.selectedIndex].value; // 獲取被選中選項的值
console.log(selectedValue); // 輸出被選中選項的值
總之,HTML Select的selectedIndex屬性用于獲取或設置被選中選項的索引,以及通過索引設置特定選項為被選中狀態。