HTMLSelectElement: namedItem() Methode

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.

Die HTMLSelectElement.namedItem() Methode gibt das HTMLOptionElement zurück, das dem HTMLOptionElement entspricht, dessen name oder id mit dem angegebenen Namen übereinstimmt, oder null, wenn keine Option übereinstimmt.

In JavaScript entspricht die Verwendung von selectElt.namedItem('value') der Verwendung von selectElt.options.namedItem('value').

Syntax

js
namedItem(str)

Parameter

str

Ein String, der den name oder id der Option repräsentiert.

Rückgabewert

Ein HTMLOptionElement oder null.

Beispiele

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"); // Returns the HTMLOptionElement representing #o1

Aber, Sie können nicht schreiben:

js
let selectElt = document.getElementById("myFormControl");
elem1 = selectElt.o1; // Returns undefined
elem1 = selectElt["o1"]; // Returns undefined

Spezifikationen

Specification
HTML Standard
# dom-select-nameditem-dev

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch