HTMLSelectElement: namedItem() メソッド

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

HTMLSelectElement.namedItem() メソッドは、HTMLOptionElement のうち name または id が指定された名前に一致する HTMLOptionElement を、一致するものがない場合は null を返します。

JavaScript では、selectElt.namedItem('value') を使用すると selectElt.namedItem('value') と同等になります。

構文

namedItem(str)

html

<form>
  <select id="myFormControl">
    <option id="o1">Opt 1</option>
    <option id="o2">Opt 2</option>
  </select>
</form>

let selectElt = document.getElementById("myFormControl");
elem1 = selectElt.namedItem("o1"); // #o1 を表す HTMLOptionElement

ただし、次のように書くことはできません。

let selectElt = document.getElementById("myFormControl");
elem1 = selectElt.o1; // undefined を返す
elem1 = selectElt["o1"]; // undefined を返す

仕様書
HTML # dom-select-nameditem-dev

このページは MDN の貢献者によって 2023年7月13日に最終更新されました。