Option

Option : Option Object : Form JAVASCRIPT TUTORIALS

JAVASCRIPT TUTORIALS » Form » Option Object »

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.

Property	Description
defaultSelected	Refers to the option that is selected by default from the select box
selected	Refers to the selected value of the select box
text	Refers to the text for the option
value	Refers 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>