Option : Option Object « Form « JavaScript Tutorial






The Option object is used to reference a property of an HTML select list.

An Option object can be created by using the option constructor and specifying the appropriate values.

PropertyDescription
defaultSelectedRefers to the option that is selected by default from the select box
selectedRefers to the selected value of the select box
textRefers to the text for the option
valueRefers to the value that is returned to when the option is selected


<html>
    <head>
    <title> Example of the option object</title>
    </head>
    <body>
    <script language="JavaScript">
    <!--
    function add(myForm) {
       var option0 = new Option("A", "person1");
       var option1 = new Option("B", "person2");
       var option2 = new Option("C", "person3");
       var option3 = new Option("D", "person4");
       for (var i=0; i < 4; i++) {
          eval("myForm.people.options[i]=option" + i)
       }
       
    }
    -->
    </script>
    <form>
    <select name="people" multiple></select><P>
    <input type="button" value="Add People" onClick="add(this.form)">
    </form>
    </body>
    </html>








10.9.Option Object
10.9.1.Option
10.9.2.Option.defaultSelected
10.9.3.Option.selected
10.9.4.Option.text
10.9.5.Option.value