Export (0) Print
Expand All
all
alt
ch
dir
id
min
rel
top
url
URL
urn
Expand Minimize

selectedIndex property

Sets or retrieves the index of the selected option in a select object.

Syntax

JavaScript

index = object.selectedIndex

 

Property values

Type: Integer

the index.

Standards information

Remarks

Options in a select object are indexed in the order in which they are defined, starting with an index of 0. When you set the selectedIndex property, the display of the select object updates immediately.

The selectedIndex property returns -1 if a select object does not contain any selected items. Setting the selectedIndex property clears any existing selected items.

The selectedIndex property is most useful when used with select objects that support selecting only one item at a time—that is, those in which the multiple attribute is not specified. If the multiple attribute is specified for a select object, the selectedIndex property returns only the index of the first selected item, if any.

The selected property is most useful when used with select objects that support selecting more than one item at a time—that is, those in which the multiple attribute is specified. You can use the selected property to determine whether an individual item in a select object is selected. In addition, selected items are not cleared when the selected property is set. This allows multiple items in the list to be selected at the same time.

Examples

This example uses the selectedIndex property to retrieve individual values from a select object. When a site is selected from the list, the browser displays the associated page.


<select onchange="window.location.href=this.options
    [this.selectedIndex].value">
<option value="http://www.microsoft.com/ie">Internet Explorer</option>
<option value="http://www.microsoft.com">Microsoft Home</option>
<option value="http://msdn.microsoft.com">Developer Network</option>
</select> 

See also

select

 

 

Show:
© 2014 Microsoft