--- title: HTMLSelectElement.options slug: Web/API/HTMLSelectElement/options tags: - API - HTMLSelectElement - Options - Property - Read-only - Web - ウェブ - プロパティ translation_of: Web/API/HTMLSelectElement/options ---
HTMLSelectElement.options
は読み取り専用のプロパティで、 {{HTMLElement("select")}} 要素に含まれる {{HTMLElement("option")}} 要素の {{domxref("HTMLOptionsCollection")}} を返します。
var options = select.options;
<select>
要素に含まれる <option>
要素の {{domxref("HTMLOptionsCollection")}} です。
<label for="test">Label</label> <select id="test"> <option value="1">Option 1</option> <option value="2">Option 2</option> </select>
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")}}