Select Object
The Select object represents a drop-down list in an HTML
form. For each instance of an HTML <select> tag in a form, a
Select object is created.
You can access a Select object by indexing the elements array
(by number or name) of the corresponding form or by using
getElementById().
IE: Internet Explorer, F: Firefox, N:
Netscape, W3C: World Wide Web Consortium (Internet
Standard).
Select Object Collections
| Collection |
Description |
IE |
F |
N |
W3C |
| options[] |
Returns an array of all the options in
a dropdown list |
3 |
1 |
2 |
Yes |
Select Object Properties
| Property |
Description |
IE |
F |
N |
W3C |
| accessKey |
Sets or returns the keyboard key to
access the dropdown list |
4 |
|
|
No |
| align |
Sets or returns the alignment of the
dropdown list according to the surrounding text |
4 |
|
|
No |
| disabled |
Sets or returns whether or not the
dropdown list should be disabled |
5 |
1 |
6 |
Yes |
| form |
Returns a reference to the dropdown
list's parent form |
3 |
1 |
2 |
Yes |
| id |
Sets or returns the id of the dropdown
list (In IE 4 this property is read-only) |
4 |
1 |
|
No |
| length |
Sets or returns the number of options
in the dropdown list |
3 |
1 |
2 |
Yes |
| multiple |
Sets or returns a Boolean value that
indicates whether or not multiple items can be selected |
3 |
1 |
6 |
Yes |
| name |
Sets or returns the name of the
dropdown list |
3 |
1 |
2 |
Yes |
| selectedIndex |
Sets or returns the index of the
selected option in the dropdown list |
3 |
1 |
2 |
Yes |
| size |
Sets or returns the number of rows in
the dropdown list |
3 |
1 |
6 |
Yes |
| tabIndex |
Sets or returns the tab order for the
dropdown list |
5 |
|
|
Yes |
| type |
Returns the type of the form element.
For a dropdown list it will be "select-one" or
"select-multiple" |
4 |
1 |
3 |
Yes |
| value |
Sets or returns the value to be
returned to the server when the form is submitted |
3 |
1 |
6 |
Yes |
Select Object Methods
| Method |
Description |
IE |
F |
N |
W3C |
| add() |
Adds an option to the dropdown list |
4 |
|
|
Yes |
| blur() |
Removes focus from the dropdown list |
4 |
1 |
3 |
Yes |
| focus() |
Sets focus on the dropdown list |
4 |
1 |
3 |
Yes |
| remove() |
Removes an option from the dropdown
list |
4 |
1 |
6 |
Yes |
Select Object Events
Syntax: object.event_name="someJavaScriptCode"
| Event |
Description |
IE |
F |
N |
W3C |
| onBlur |
Executes some code when the dropdown
list loses focus |
3 |
1 |
2 |
|
| onChange |
Executes some code when the dropdown
list loses focus and its value has altered |
3 |
1 |
2 |
|
| onClick |
Executes some code when the user clicks
the left mouse button in the dropdown list |
4 |
|
|
|
| onFocus |
Executes some code when the dropdown
list gets focus |
4 |
1 |
2 |
|
|
