JS & DOM Reference
OverviewJavaScript Objects
JS Array JS Boolean JS Date JS Math JS Number JS String JS RegExp JS GlobalBrowser Objects
Window Navigator Screen History LocationCore DOM Objects
DOM Node DOM NodeList DOM NamedNodeMap DOM Document DOM Element DOM AttrHTML DOM Objects
DOM Document DOM Events DOM ElementsDOM Anchor DOM Area DOM Base DOM Body DOM Button DOM Form DOM Frame/IFrame DOM Frameset DOM Image DOM Input Button DOM Input Checkbox DOM Input File DOM Input Hidden DOM Input Password DOM Input Radio DOM Input Reset DOM Input Submit DOM Input Text DOM Link DOM Meta DOM Object DOM Option DOM Select DOM Style DOM Table DOM td / th DOM tr DOM Textarea
HTML DOM Select Object
Select Object
The Select object represents a dropdown list in an HTML form.
A dropdown list lets a user select one or more options of a limited number of choices.
For each <select> tag in an HTML form, a Select object is created.
You can access a Select object by searching through the elements[] array of a form, or by using document.getElementById().
Note: The Select object can also use the properties/methods of:
Select Object Collections
W3C: W3C Standard.
| Collection | Description | W3C |
|---|---|---|
| options | Returns a collection of all the options in a dropdown list | Yes |
Select Object Properties
| Property | Description | W3C |
|---|---|---|
| disabled | Sets or returns whether the dropdown list is disabled, or not | Yes |
| form | Returns a reference to the form that contains the dropdown list | Yes |
| length | Returns the number of options in a dropdown list | Yes |
| multiple | Sets or returns whether more than one item can be selected from the dropdown list | Yes |
| name | Sets or returns the name of a dropdown list | Yes |
| selectedIndex | Sets or returns the index of the selected option in a dropdown list | Yes |
| size | Sets or returns the number of visible options in a dropdown list | Yes |
| type | Returns which type of form element a dropdown list is | Yes |
Select Object Methods
| Method | Description | W3C |
|---|---|---|
| add() | Adds an option to a dropdown list | Yes |
| remove() | Removes an option from a dropdown list | Yes |
Standard Properties and Events
The Select object also supports the standard properties and events.
W3Schools' Online Certification
The perfect solution for professionals who need to balance work, family, and career building.
More than 10 000 certificates already issued!
The HTML Certificate documents your knowledge of HTML.
The HTML5 Certificate documents your knowledge of advanced HTML5.
The CSS Certificate documents your knowledge of advanced CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The jQuery Certificate documents your knowledge of jQuery.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
