HTMLSelectElement: namedItem() メソッド
HTMLSelectElement.namedItem()
メソッドは、HTMLOptionElement
のうち name
または id
が指定された名前に一致する HTMLOptionElement
を、一致するものがない場合は null
を返します。
JavaScript では、selectElt.namedItem('value')
を使用すると selectElt.namedItem('value')
と同等になります。
構文
js
namedItem(str)
引数
str
は文字列です。
返値
item
はHTMLOptionElement
です。
例
HTML
html
<form>
<select id="myFormControl">
<option id="o1">Opt 1</option>
<option id="o2">Opt 2</option>
</select>
</form>
JavaScript
js
let selectElt = document.getElementById("myFormControl");
elem1 = selectElt.namedItem("o1"); // #o1 を表す HTMLOptionElement
ただし、次のように書くことはできません。
js
let selectElt = document.getElementById("myFormControl");
elem1 = selectElt.o1; // undefined を返す
elem1 = selectElt["o1"]; // undefined を返す
仕様書
Specification |
---|
HTML Standard # dom-select-nameditem-dev |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- 実装先の
HTMLSelectElement