X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM Select Object


Select Object

The Select object represents an HTML <select> element.

Access a Select Object

You can access a <select> element by using getElementById():

var x = document.getElementById("mySelect"); Try it

Tip: You can also access a Select object by searching through the elements collection of a form.

Create a Select Object

You can create a <select> element by using the document.createElement() method:

var x = document.createElement("SELECT"); Try it

Select Object Collections

Collection Description
options Returns a collection of all the options in a drop-down list

Select Object Properties

Property Description
disabled Sets or returns whether the drop-down list is disabled, or not
form Returns a reference to the form that contains the drop-down list
length Returns the number of <option> elements in a drop-down list
multiple Sets or returns whether more than one option can be selected from the drop-down list
name Sets or returns the value of the name attribute of a drop-down list
selectedIndex Sets or returns the index of the selected option in a drop-down list
size Sets or returns the value of the size of a drop-down list
type Returns which type of form element a drop-down list is
value Sets or returns the value of the selected option in a drop-down list

Select Object Methods

Method Description
add() Adds an option to a drop-down list
remove() Removes an option from a drop-down list

Standard Properties and Events

The Select object also supports the standard properties and events.


Related Pages

HTML tutorial: HTML Forms

HTML reference: HTML <select> tag



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook