Back to Content

HTMLSelectElement: item() method

files/en-us/web/api/htmlselectelement/item/index.md

latest1.1 KB
Original Source

{{ APIRef("HTML DOM") }}

The HTMLSelectElement.item() method returns the {{domxref("Element")}} corresponding to the {{domxref("HTMLOptionElement")}} whose position in the options list corresponds to the index given in the parameter, or null if there are none.

In JavaScript, using the array bracket syntax with an unsigned long, like selectElt[index] is equivalent to selectElt.namedItem(index).

Syntax

js-nolint
item(index)
// or collection[index]

Parameters

  • index
    • : A non-negative integer representing the position of the option in the list.

Return value

An {{domxref("HTMLOptionElement")}} or null.

Examples

HTML

html
<form>
  <select id="myFormControl">
    <option id="o1">Opt 1</option>
    <option id="o2">Opt 2</option>
  </select>
</form>

JavaScript

js
// Returns the HTMLOptionElement representing #o2
elem1 = document.forms[0]["myFormControl"][1];

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{domxref("HTMLSelectElement")}} that implements it.