HTMLSelectElement: namedItem() 方法

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

HTMLSelectElement.namedItem() 方法返回與指定的 name 或 id 匹配的 HTMLOptionElement 對應的 HTMLOptionElement,如果未找到匹配的選項,則返回 null

在 JavaScript 中,使用 selectElt.namedItem('value') 等同於使用 selectElt.options.namedItem('value')

語法

js
namedItem(str)

引數

str

一個表示選項的 nameid 的字串。

返回值

一個 HTMLOptionElementnull

示例

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

瀏覽器相容性

另見