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 # dom-select-options-dev |
ブラウザーの互換性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
options |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.