W3cubDocs

/Web APIs

HTMLSelectElement: item() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The HTMLSelectElement.item() method returns the Element corresponding to the 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

item(index)
// or collection[index]

Parameters

index

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

Return value

An HTMLOptionElement or null.

Examples

>

HTML

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

JavaScript

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

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android WebView on iOS
item 1 12 1 ≤12.1 3 18 4 ≤12.1 1 1.0 4.4 1

See also

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