HTMLSelectElement: namedItem() 方法

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

HTMLSelectElement.namedItem() 方法返回与指定的 name 或 id 匹配的 HTMLOptionElement 对应的 HTMLOptionElement，如果未找到匹配的选项，则返回 null。

在 JavaScript 中，使用 selectElt.namedItem('value') 等同于使用 selectElt.options.namedItem('value')。

语法

namedItem(str)

一个 HTMLOptionElement 或 null。

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"); // 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

此页面最后修改于 2024年9月5日，由 MDN 贡献者更新。