Collection d'options Datalist

Objet Datalist du DOM HTML

Définition et utilisation

options L'ensemble retourne Élément <datalist> .

Remarque :Les éléments de l'ensemble sont triés selon leur ordre d'apparition dans le code source.

Voir également :

Guide de référence HTML :Balise <datalist> HTML

Guide de référence HTML :Balise <option> HTML

Exemple

Exemple 1

Trouver combien d'options il y a dans l'élément <datalist> spécifié :

var x = document.getElementById("browsers").options.length;

Essayez-le vous-même

Le résultat de x sera :

5

Avis :Plus d'exemples sont fournis en bas de la page.

Syntaxe

datalistObject.options

Propriété

Propriété Description
length

Retourne le nombre d'éléments dans l'ensemble.

Remarque :Cette propriété est en lecture seule.

Méthode

Méthode Description
[index]

Retourne l'élément <option> avec l'index spécifié (commençant à 0) de l'ensemble.

Remarque :Retourne null si le numéro d'index dépasse la portée.
item(index)

Retourne l'élément <option> avec l'index spécifié (commençant à 0) de l'ensemble.

Remarque :Retourne null si le numéro d'index dépasse la portée.
namedItem(id)

de id retourne l'élément <option> de l'ensemble.

Remarque :Si id Retourne null si inexistant.

Détails techniques

Version DOM : Core Level 2 Document Object
Valeur de retour :

Objet HTMLCollection, représentant tous les Élément <option>.

Les éléments de l'ensemble sont triés selon leur ordre d'apparition dans le code source.

Support des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 10.0 Support Support Support

Plus d'exemples

Exemple 2 : [index]

Obtenir la valeur du premier élément de la liste des données (index 0) :

var x = document.getElementById("browsers").options[0].value;

Essayez-le vous-même

Le résultat de x sera :

Internet Explorer

Exemple 3 : item(index)

Obtenir la valeur du premier élément de la liste des données (index 0) :

var x = document.getElementById("browsers").options.item(0).value;

Essayez-le vous-même

Le résultat de x sera :

Internet Explorer

Exemple 4 : namedItem(name_or_id)

Obtenir la valeur de l'élément avec id="google" dans la liste des données :

var x = document.getElementById("browsers").options.namedItem("google").value;

Essayez-le vous-même

Le résultat de x sera :

Chrome

Exemple 5

Parcourir tous les éléments de la liste des données et afficher la valeur de l'élément :

var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
  txt = txt + x.options[i].value + "<br>";
}

Essayez-le vous-même

Le résultat de txt sera :

Internet Explorer
Firefox
Chrome
Opera
Safari

Objet Datalist du DOM HTML