JavaScript Tutorial/Form/Option Object

Материал из Web эксперт
Перейти к: навигация, поиск

Option

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 



   <source lang="javascript">

<html> 

   <head>
   <title> Example of the option object</title>
   </head>
   <body>
   <script language="JavaScript">
   
   </script>
   <form>
<select name="people" multiple></select>

<input type="button" value="Add People" onClick="add(this.form)"> </form> </body> </html></source>

Option.defaultSelected

<p>The defaultSelected property specifies the initial option selection of the select list.



   <source lang="javascript">

<html> 

   <head>
   <title> Example of the defaultSelected property of the option object</title>
   </head>
   <body>
   <script language="JavaScript">
   
   </script>
   <form name=form1>
   <select name="myList" multiple>
   <option value=1>One
   <option value=2 SELECTED>Two
   <option value=3>Three
   <option value=4>Four
</select>

<input type="button" value="Get Default Value" onClick="check(this.form)"> </form> </body> </html></source>

Option.selected

<p>The selected property specifies the current selected option of the select list.



   <source lang="javascript">

<html> 

   <head>
   <title> Example of the selected property of the option object</title>
   </head>
   <body>
   <script language="JavaScript">
   
   </script>
   <form name=form1>
   <select name="myList" multiple>
   <option value=1>One
   <option value=2>Two
   <option value=3>Three
   <option value=4>Four
</select>

<input type="button" value="Get Value" onClick="check(this.form)"> </form> </body> </html></source>

Option.text

<p>The text property specifies the text for the selected option of the select list.



   <source lang="javascript">

<html> 

   <head>
   <title> Example of the text property of the option object</title>
   </head>
   <body>
   <script language="JavaScript">
   
   </script>
   <form name=form1>
   <select name="myList" multiple>
   <option value=1>One
   <option value=2>Two
   <option value=3>Three
   <option value=4>Four
</select>

<input type="button" value="Get Text Value" onClick="check(this.form)"> </form> </body> </html></source>

Option.value

<p>The value property specifies the value that is returned to the server when the option is selected and the form is submitted.



   <source lang="javascript">

<html> 

   <head>
   <title> Example of the text value of the option object</title>
   </head>
   <body>
   <script language="JavaScript">
   
   </script>
   <form name=form1>
   <select name="myList" multiple>
   <option value=1>One
   <option value=2>Two
   <option value=3>Three
   <option value=4>Four
</select>

<input type="button" value="Get Value" onClick="getValue(this.form)"> </form> </body> </html></source>

Источник — «http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/Option_Object&oldid=9133»