HTMLSelectElement: namedItem() メソッド

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

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

構文

js

namedItem(str)

引数

  • str は文字列です。

返値

例

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

関連情報