Ajouter le code javascript suivant entre les balises head de votre document HTML:
Cette fonction prend deux arguments: une référence à l'attribut id de la liste déroulante qui doit être modifié, et le nombre de l'élément à sélectionner. Notez que les éléments sont numérotés à partir de 0, donc à sélectionner le premier élément d'une liste avec l'id "LBox," vous devez appeler la fonction de cette façon:
selectItem ("LBox", 0);
Ajoutez la fonction suivante entre les balises script dans la tête de votre document HTML pour ajouter des éléments à une liste déroulante:
fonction addItem (ref, nom, index) {
ref = document.getElementById (ref);var = document.createElement newopt ("option");
newopt.text = nom;
ref.add (newopt, ref.options [index]);
ref.size = ref.options.length-
}
L'argument "ref" est, comme avant, l'id de la liste déroulante. "Nom" est le nom de la nouvelle option à ajouter. L '"indice" argument est optionnel - si vous fournissez la fonction d'un certain nombre pour elle, le nouvel élément sera inséré à l'index que vous spécifiez. Sinon, l'élément apparaîtra à la fin de la liste déroulante. La dernière ligne de la fonction redimensionne la liste pour vous assurer que toutes les options en forme. Si vous voulez que votre liste déroulante de rester à une hauteur fixe, supprimez cette ligne.
Placez la fonction suivante entre les balises de script pour supprimer des éléments à partir d'une liste déroulante:
fonction removeItem (ref, index) {
ref = document.getElementById (ref);ref.remove (index);
ref.size = ref.options.length-
}
Comme avec "addItem," si vous souhaitez garder votre zone de liste à une hauteur fixe, retirez la dernière ligne de cette fonction.
Ajoutez le code suivant pour le corps de votre document HTML pour tester ces fonctions. Ne vous inquiétez pas des détails comme la méthode "parseInt", juste faire attention à la façon dont les fonctions sont appelées des éléments "d'entrée".
Saisir du texte ou de l'indice:
Enregistrez votre document HTML, l'ouvrir dans un navigateur Web et d'utiliser les contrôles pour modifier dynamiquement la liste déroulante. Vous pouvez modifier différentes listes déroulantes utilisant les mêmes fonctions en attribuant à chaque zone de liste de son propre attribut id unique, puis en utilisant les identifiants respectifs lorsque vous appelez les fonctions.