HTMLSelectElement: options プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

HTMLSelectElement.options は読み取り専用のプロパティで、この <select> 要素に含まれる <option> のリストを HTMLOptionsCollection の形で返します。

例

HTML

html
<label for="test">ラベル</label>
<select id="test">
  <option value="1">選択肢 1</option>
  <option value="2">選択肢 2</option>
</select>

JavaScript

js
window.addEventListener("DOMContentLoaded", () => {
  const select = document.getElementById("test");
  for (const option of select.options) {
    console.log(option.label); // "Option 1" と "Option 2"
  }
});

結果

仕様書

Specification

HTML
# dom-select-options-dev

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2023年7月13日 by MDN contributors.

View this page on GitHub • Report a problem with this content

ドキュメントオブジェクトモデル (DOM)
HTMLSelectElement
インスタンスプロパティ
インスタンスメソッド
継承
DOM に関連するページ
ガイド
1. DOM の構造
2. 属性の反映
3. DOM ツリー上の選択と走査
4. DOM ツリーの構築と更新
5. イベントの扱い

HTMLSelectElement: options プロパティ

In this article

値

例

HTML

JavaScript

結果

仕様書

ブラウザーの互換性

Help improve MDN