--- title: HTMLSelectElement.options slug: Web/API/HTMLSelectElement/options tags: - API - HTMLSelectElement - Options - Property - Read-only - Web - ウェブ - プロパティ translation_of: Web/API/HTMLSelectElement/options ---
{{APIRef("DOM")}}

HTMLSelectElement.options は読み取り専用のプロパティで、 {{HTMLElement("select")}} 要素に含まれる {{HTMLElement("option")}} 要素の {{domxref("HTMLOptionsCollection")}} を返します。

構文

var options = select.options;

返値

<select> 要素に含まれる <option> 要素の {{domxref("HTMLOptionsCollection")}} です。

HTML

<label for="test">Label</label>
<select id="test">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

JavaScript

window.addEventListener("DOMContentLoaded", function() {
  const select = document.getElementById("test");
  for(var i = 0; i < select.options.length; i++) {
    console.log(select.options[i].label); // "Option 1" and "Option 2"
  }
});

{{EmbedLiveSample("Example", "100%", 30)}}

仕様書

仕様書 状態 備考
{{SpecName("HTML WHATWG", "form-elements.html#the-select-element:htmloptionscollection", "options")}} {{Spec2("HTML WHATWG")}} 変更なし
{{SpecName("HTML5 W3C", "forms.html#htmlselectelement", "options")}} {{Spec2("HTML5 W3C")}} 初回定義

ブラウザーの対応

{{Compat("api.HTMLSelectElement.options")}}