OPTION Element | OPTION Object

Denotes one choice in a select list.

HTML Syntax

<OPTION
    CLASS=classname
    ID=value
    LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT  | VBS 
    SELECTED
    VALUE=value
    event = script
>

Remarks

Although OPTION elements do not appear in the all collection, you can gain access to these elements by applying the options collection to the SELECT element.
Except for background-color and color, style settings applied through the style object for the OPTION object are ignored. In addition, style settings applied directly to individual options override those applied to the containing SELECT object as a whole.
This element is a block element.

Members

OPTION Members

Styles

OPTION Styles

Example

The following HTML code creates a drop-down list box.
<SELECT NAME="Cars" SIZE="1">
<OPTION VALUE="1">BMW
<OPTION VALUE="2">PORSCHE
<OPTION VALUE="3" SELECTED>MERCEDES
</SELECT>
The following JScript™ (compatible with ECMA 262 language specification) example displays the text for all options in the first SELECT list in the document.
var oElement = document.all.tags("SELECT").item(0);
if ( oElement != null )
{
    for ( i = 0; i<el.options.length; i++ )
{
        alert("Option " + i + " is " + oElement.options(i).text);
    }
}