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
namedItem(str)
Parameter
str
-
Ein String, der den
name
oderid
der Option repräsentiert.
Rückgabewert
Ein HTMLOptionElement
oder null
.
Beispiele
HTML
<form>
<select id="myFormControl">
<option id="o1">Opt 1</option>
<option id="o2">Opt 2</option>
</select>
</form>
JavaScript
let selectElt = document.getElementById("myFormControl");
elem1 = selectElt.namedItem("o1"); // Returns the HTMLOptionElement representing #o1
Aber, Sie können nicht schreiben:
let selectElt = document.getElementById("myFormControl");
elem1 = selectElt.o1; // Returns undefined
elem1 = selectElt["o1"]; // Returns undefined
Spezifikationen
Specification |
---|
HTML # dom-select-nameditem-dev |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
namedItem |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.
Siehe auch
HTMLSelectElement
, das es implementiert.