Méthode add() de Select

Objet Select DOM HTML

Définition et utilisation

add() Cette méthode est utilisée pour ajouter des options à la liste déroulante.

Avis :Pour supprimer une option de la liste déroulante, utilisez Méthode remove().

Exemple

Exemple 1

Ajoutez l'option "Kiwi" à la fin de la liste déroulante :

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.ajouter(option);

essayez-le vous-même

Exemple 2

Ajoutez l'option "Kiwi" au début de la liste déroulante :

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.ajouter(option, x[0]);

essayez-le vous-même

Exemple 3

Ajoutez l'option "Kiwi" à l'index "2" de la liste déroulante :

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.ajouter(option, x[2]);

essayez-le vous-même

Exemple 4

Ajoutez une option avant l'élément sélectionné dans la liste déroulante :

var x = document.getElementById("mySelect");
if (x.selectedIndex >= 0) {
  var option = document.createElement("option");
  option.text = "Kiwi";
  var sel = x.options[x.selectedIndex]; 
  x.ajouter(option, sel);
}

essayez-le vous-même

grammaire

selectObjectajouter(option, index)

Valeur du paramètre

Paramètres Description
option Obligatoire. Spécifie l'option à ajouter. Doit être un élément option ou optgroup.
index

Optionnel. Entier, spécifie la position de l'élément où la nouvelle option doit être insérée. L'index commence à 0.

Si l'index n'est pas spécifié, la nouvelle option est insérée à la fin de la liste.

Détails techniques

Valeur de retour :

Aucune valeur de retour.

Support du navigateur

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

Objet Select DOM HTML