Comment créer une liste déroulante en utilisant OnChange en JavaScript
Ce blog discutera des méthodologies utilisées pour créer une liste déroulante à l'aide d'Onchange dans JavaScript.
Comment créer une liste déroulante en utilisant OnChange en JavaScript?
Vous pouvez créer une liste déroulante en utilisant OnChange en JavaScript à l'aide des approches suivantes:
Ces approches seront expliquées par une!
Méthode 1: Créez une liste déroulante à l'aide d'OnChange en JavaScript en alertant la valeur déroulante sélectionnée
Cette technique peut être appliquée pour alerter l'utilisateur sur la valeur d'option déroulante sélectionnée à l'aide d'une fonction définie par l'utilisateur.
L'exemple suivant explique le concept déclaré.
Exemple Sélectionnez un langage de programmation dans la liste donnée: Ensuite, spécifiez le «”Tag pour sélectionner l'option particulière dans la liste déroulante. De plus, incluez le «sur le changement«Événement et invoquez la fonction spécifiée en passant le mot-clé«ce"A la possibilité de l'option"valeur«De la liste déroulante. Incluez également les options suivantes avec les valeurs spécifiées dans le «" étiqueter: Enfin, définissez une fonction nommée «onchangedropdown ()"Et a passé le"valeur"Comme argument. Dans la définition de la fonction, la valeur sélectionnée sera affichée dans la boîte d'alerte :: Sortir Méthode 2: Créez une liste déroulante à l'aide d'OnChange en JavaScript à l'aide du document.Méthode GetElementById () Le "document.getElementByid ()«La méthode est utilisée pour récupérer l'élément correspondant à l'ID spécifié. Cette méthode peut être implémentée pour obtenir l'option sélectionnée dans la liste déroulante et afficher la valeur correspondante contre elle. Syntaxe Ici, "identifiant»Fait référence à l'ID de l'élément qui doit être récupéré. Présentation l'exemple suivant. Exemple Sélectionnez un langage de programmation dans la liste donnée: Le ""La balise ici représente le menu déroulant, ayant un ID et le associé"sur le changement»Redirection de l'événement vers la fonction spécifiée. Ensuite, ajoutez les options requises: Ici, attribuez ce qui suit "identifiant«Au paragraphe. Dès que l'option sera sélectionnée, un message particulier sera affiché dans cette section avec l'option sélectionnée: Enfin, déclarez une fonction nommée «onchangedropdown ()". Ici, récupérez la balise de sélection en fonction de son «ID» et affichez la valeur correspondante par rapport à l'option sélectionnée dans la liste déroulante. Dans l'étape suivante, informez l'utilisateur de l'option sélectionnée en récupérant l'élément de paragraphe ajouté et en écrivant le message suivant avec l'option: Sortir Nous avons implémenté des méthodes créatives pour créer une liste déroulante à l'aide d'Onchange en JavaScript. Conclusion Pour créer une liste déroulante à l'aide d'Onchange en JavaScript, affichez la valeur déroulante sélectionnée à l'aide d'une boîte d'alerte ou appliquez le «document.getElementByid ()" méthode. L'ancienne approche peut être utilisée pour informer l'utilisateur de la valeur de l'option déroulante sélectionnée à l'aide d'une fonction définie par l'utilisateur. Cette dernière implémentation récupère l'option sélectionnée dans la liste déroulante en utilisant son ID et l'affiche. Cette rédaction a démontré les méthodes pour créer des listes déroulantes à l'aide d'Onchange dans JavaScript.
Tout d'abord, incluez la rubrique suivante dans le «
alerte (valeur);
Tout d'abord, incluez le titre suivant comme discuté dans la méthode précédente:
var x = document.getElementByid ("liste").valeur;
document.getElementByid ("para").innerhtml = "La sélection mise à jour est:" + x;