Exemple
Découvrez combien d' options il y a dans un spécifique <datalist> élément:
var x = document.getElementById("browsers").options.length;Le résultat de x sera:
5 Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La collection d'options retourne une collection de toutes les options dans un <datalist> élément.
Note: Les éléments de la collection sont classés comme ils apparaissent dans le code source.
Support du navigateur
| Collection | |||||
|---|---|---|---|---|---|
| options | Oui | 10.0 | Oui | Oui | Oui |
Syntaxe
datalistObject .optionsPropriétés
| Propriété | La description |
|---|---|
| length | Renvoie le nombre de <option> éléments de la collection. Note: Cette propriété est en lecture seule |
méthodes
| méthode | La description |
|---|---|
| [ index ] | Renvoie la <option> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) . Remarque: renvoie null si le numéro d'index est hors de portée |
| item( index ) | Renvoie la <option> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) . Remarque: renvoie null si le numéro d'index est hors de portée |
| namedItem( id ) | Retourne la <option> élément de la collection avec l'id spécifié. Note: Retourne null si l'identifiant n'existe pas |
Détails techniques
| DOM Version: | Niveau Core 2 document objet |
|---|---|
| Valeur de retour: | Un objet HTMLCollection, représentant toutes les <option> éléments dans le <datalist> élément. Les éléments de la collection sont classés comme ils apparaissent dans le code source |
autres exemples
Exemple
[Index]
Obtenez la valeur de la première option (index 0) dans un datalist:
var x = document.getElementById("browsers").options[0].value;Le résultat de x sera:
Internet Explorer Essayez vous - même » Exemple
item( index )
Obtenez la valeur de la première option (index 0) dans un datalist:
var x = document.getElementById("browsers").options.item(0).value;Le résultat de x sera:
Internet Explorer Essayez vous - même » Exemple
namedItem( name_or_id )
Obtenez la valeur de l'option avec id = « google » dans un datalist:
var x = document.getElementById("browsers").options.namedItem("google").value;Le résultat de x sera:
Chrome Essayez vous - même » Exemple
Parcoure toutes les options dans une datalist et sortie des 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 Essayez vous - même » <Datalist Object