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 July 2015.
HTMLSelectElement.options
は読み取り専用のプロパティで、この <select>
要素に含まれる <option>
のリストを HTMLOptionsCollection
の形で返します。
値
HTMLOptionsCollection
型で、この <select>
要素に含まれている <options>
を返します。
例
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 Standard # dom-select-options-dev |
ブラウザーの互換性
BCD tables only load in the browser