HTMLSelectElement: метод namedItem()

Базовая Широко доступна

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Метод HTMLSelectElement.namedItem() возвращает HTMLOptionElement, соответствующий HTMLOptionElement, чьё name или id совпадает с указанным именем, или null в случае отсутствия совпадений.

В JavaScript, использование selectElt.namedItem('value') эквивалентно selectElt.options.namedItem('value').

Синтаксис

namedItem(str)

Параметры

str: Строка, представляющая name или id опции.

Возвращаемое значение

HTMLOptionElement или null.

Примеры

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

Однако, нельзя написать:

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

Спецификации

Спецификация
HTML # dom-select-nameditem-dev

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`namedItem`	1	12 `namedItem` кажется, не учитывает атрибут `name` (только атрибут `id` ) в Internet Explorer и Edge. Существует отчет об ошибке в Microsoft по этому поводу.	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4

См. также

HTMLSelectElement, который его реализует.

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/namedItem