溫馨提示×

HTML Select selectedIndex的作用是什么

小億
95
2023-10-19 10:38:10
欄目: 編程語言

HTML Select的selectedIndex屬性用于獲取或設(shè)置select元素中被選中選項的索引。它可用于確定被選中選項的索引，也可以設(shè)置特定選項為被選中狀態(tài)。

以下是selectedIndex屬性的幾種用法：

  1. 獲取被選中選項的索引：
const select = document.getElementById("mySelect");
const selectedIndex = select.selectedIndex;
console.log(selectedIndex);  // 輸出被選中選項的索引
  1. 設(shè)置選項為被選中狀態(tài)：
const select = document.getElementById("mySelect");
select.selectedIndex = 2;  // 將索引為2的選項設(shè)置為被選中狀態(tài)

注意：設(shè)置selectedIndex屬性時，如果指定的索引超出了可選項的范圍，將不會有任何效果。

  1. 使用selectedIndex屬性來獲取或設(shè)置select元素中被選中選項的值：
const select = document.getElementById("mySelect");
const selectedValue = select.options[select.selectedIndex].value;  // 獲取被選中選項的值
console.log(selectedValue);  // 輸出被選中選項的值

總之，HTML Select的selectedIndex屬性用于獲取或設(shè)置被選中選項的索引，以及通過索引設(shè)置特定選項為被選中狀態(tài)。

0 踩