HTML DOM Object selecteren
Selecteer object
Het Select-object vertegenwoordigt een HTML <select>-element.
Toegang tot een geselecteerd object
U kunt een <select>-element openen met getElementById():
Voorbeeld
var x = document.getElementById("mySelect");
Tip: U kunt een Select-object ook openen door de elementenverzameling van een formulier te doorzoeken.
Een selectieobject maken
U kunt een <select>-element maken met behulp van de document.createElement()-methode:
Voorbeeld
var x = document.createElement("SELECT");
Objectverzamelingen selecteren
Collection | Description |
---|---|
options | Returns a collection of all the options in a drop-down list |
Selecteer Objecteigenschappen
Property | Description |
---|---|
autofocus | Sets or returns whether a drop-down list should automatically get focus when the page loads |
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 |
Objectmethoden selecteren
Method | Description |
---|---|
add() | Adds an option to a drop-down list |
checkValidity() | |
remove() | Removes an option from a drop-down list |
Standaard eigenschappen en evenementen
Het Select - object ondersteunt ook de standaard eigenschappen en events .
Gerelateerde pagina's
HTML-zelfstudie: HTML-formulieren
HTML-referentie: HTML <select>-tag