Options de la liste de données
Exemple
Découvrez combien d'options il y a dans un élément <datalist> spécifique :
var x = document.getElementById("browsers").options.length;
Le résultat de x sera :
5
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La collection d'options renvoie une collection de toutes les options dans un élément <datalist>.
Remarque : Les éléments de la collection sont triés tels qu'ils apparaissent dans le code source.
Prise en charge du navigateur
Collection | |||||
---|---|---|---|---|---|
options | Yes | 10.0 | Yes | Yes | Yes |
Syntaxe
datalistObject.options
Propriétés
Property | Description |
---|---|
length | Returns the number of <option> elements in the collection. Note: This property is read-only |
Méthodes
Method | Description |
---|---|
[index] | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <option> element from the collection with the specified id. Note: Returns null if the id does not exist |
Détails techniques
Version DOM : | Objet de document de niveau 2 de base |
---|---|
Valeur de retour : | Un objet HTMLCollection, représentant tous les éléments <option> dans l'élément <datalist>. Les éléments de la collection sont triés tels qu'ils apparaissent dans le code source |
Plus d'exemples
Exemple
[ indice ]
Obtenez la valeur de la première option (index 0) dans une datalist :
var x = document.getElementById("browsers").options[0].value;
Le résultat de x sera :
Internet Explorer
Exemple
article ( indice )
Obtenez la valeur de la première option (index 0) dans une datalist :
var x = document.getElementById("browsers").options.item(0).value;
Le résultat de x sera :
Internet Explorer
Exemple
namedItem( name_or_id )
Obtenez la valeur de l'option avec id="google" dans une liste de données :
var x = document.getElementById("browsers").options.namedItem("google").value;
Le résultat de x sera :
Chrome
Exemple
Parcourez toutes les options d'une liste de données et affichez les valeurs d'option :
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}
Le résultat de txt sera :
Internet Explorer
Firefox
Chrome
Opera
Safari
❮ Objet de liste de données