このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
HTMLSelectElement: options プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
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"
}
});
結果
[フレーム]
仕様書
| 仕様書 |
|---|
| HTML # dom-select-options-dev |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。