HTMLSelectElement：namedItem() 方法

基线 广泛可用

此功能已得到良好建立，并且可在许多设备和浏览器版本上运行。它自以下时间起在浏览器中可用 2015 年 7 月.

HTMLSelectElement.namedItem() 方法返回与 name 或 id 与指定名称匹配的 HTMLOptionElement 对应的 HTMLOptionElement，如果没有任何选项匹配，则返回 null。

在 JavaScript 中，使用 selectElt.namedItem('value') 等效于 selectElt.options.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"); // Returns the HTMLOptionElement representing #o1

但是，您不能编写

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

规范

规范
HTML 标准
# dom-select-nameditem-dev

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。

另请参阅