HTML SelectのselectedIndexプロパティは何をする？

2年 ago
芽依, 雨夜
1 minute

HTML Select要素のselectedIndexプロパティは、その要素の中で選択されているオプションのインデックスを取得または設定するために使用されます。選択されているオプションのインデックスを確認したり、特定のオプションを選択状態に設定したりするのに使用できます。

selectedIndexプロパティの使用例：

  1. 選択したオプションのインデックスを取得するには:
const select = document.getElementById("mySelect");
const selectedIndex = select.selectedIndex;
console.log(selectedIndex);  // 输出被选中选项的索引
  1. オプションをオンにする：
const select = document.getElementById("mySelect");
select.selectedIndex = 2;  // 将索引为2的选项设置为被选中状态

選択可能な項目の範囲を超えるインデックスを指定した場合、selectedIndex プロパティの設定は無効になります。

  1. selectedIndexプロパティを使用してselect要素内の選択されたオプションのインデックスを取得または設定します：
const select = document.getElementById("mySelect");
const selectedValue = select.options[select.selectedIndex].value;  // 获取被选中选项的值
console.log(selectedValue);  // 输出被选中选项的值

HTML Select 要素の selectedIndex プロパティは、選択されたオプションのインデックスを取得したり、インデックスを指定して特定のオプションを選択したりするために使用されます。

bannerAds