Datalist optionsCollection
Objet DatalistExemple
Parcourir toutes les options du contrôle datalist et afficher les valeurs des options :
var txt = "";
for (var i = 0; i < x.options.length; i++)
{
txt = txt + x.options[i].value + "<br>";
}
txtLe résultat de sortie est :
Firefox
Chrome
Opera
Safari
Essayez-le vous-même »
Définition et utilisation
La collection options renvoie une collection de toutes les options dans le datalist.
Note :Les éléments de la collection sont triés selon leur position dans le code.
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la collection d'options.
Syntaxe
Propriétés
| Propriété | Description |
|---|---|
| longueur | Renvoie le nombre d'éléments option dans la collection. |
Méthodes
| Méthode | Description |
|---|---|
| [index] | Un entier qui spécifie l'élément à récupérer (commence à 0). |
| item(index) | Renvoie l'élément à l'index spécifié dans la collection (commence à 0). |
| namedItem(name_or_id) | Renvoie l'élément de la collection avec le nom spécifié (attribut name ou id). |
Plus d’exemples
Exemple
Afficher le nombre d'éléments datalist :
xLe résultat de sortie est:
Essayez-le vous-même »
Exemple
[index]
Renvoie la valeur de la première option (index 0) dans le datalist :
xLe résultat de sortie est:
Essayez-le vous-même »
Exemple
item(index)
Renvoie la valeur de la première option (index 0) dans le datalist :
xLe résultat de sortie est:
Essayez-le vous-même »
Exemple
namedItem(name_or_id)
Renvoie la valeur de l'option avec id="google" dans la datalist :
xLe résultat de sortie est:
Essayez-le vous-même »
Autres extensions