JavaScript est un langage de script qui peut fonctionner à la fois comme un orientée objet et un langage procédural . JavaScript est livré avec la plupart des navigateurs et fonctionne quand une page qui inclut le code est demandé et chargé. JavaScript permet aux développeurs Web de fonctionner sur le modèle objet de document ( DOM ) , la fixation et la récupération des valeurs pour à peu près n'importe quel élément qui fait partie d'une page Web, y compris les objets complexes tels que table et valeurs de la zone de liste déroulante. JavaScript permet aux développeurs Web de programmer des pages Web dynamiques qui ne nécessitent pas un rafraichissement de la page ou une demande de serveur. Choses que vous devez
texte éditeur
navigateur avec JavaScript activé
Show More Instructions
1

Ouvrez un éditeur de texte et créez un nouveau fichier nommé getComboBox.html . Ajouter du code HTML à getComboBox.html et inclure une et une section body . Sauvegarder Page 2

Ajouter un tag HTML

à la section body du fichier. Nommez le formulaire comboBoxForm et définissez l'attribut de taille à 1.

Photos

< ; body> Photos

Photos

Photos < p> < /html>
3

Ajouter un tag HTML entre le

et

tags. Nommez le menu de sélection comboBoxMenu et ajouter trois balises HTML . Définissez la valeur du texte de la première balise à un, définir l'attribut de valeur à 1 et fermer la balise tag . Définissez la valeur du texte de la deuxième balise à deux , définissez l'attribut de valeur 2 et fermer la balise tag . Définissez la valeur du texte de la troisième balise à trois , définissez l'attribut de valeur à trois et fermer la balise tag . Fermez le balise menu .

Photos

< p >

d'option> value="1"> un < /option> Photos

d'option> Photos

< possibilité value="2"> deux Hôtels 4

Tapez un tag tag .

< , le script name = " comboBoxForm " size = "1"> Photos

d'option> value="1"> un

d'option> value="2"> deux Photos

< choix
5

Ajouter une fonction JavaScript pour la section ;

Photos

< , sélectionnez name = " comboBoxMenu "> Photos

d'option> value="1"> un Photos

d'option> value="2"> deux Option

< ;
7

Ajouter un

intérieur de la balise HTML " body " . Entrez du texte qui affiche le message " La valeur de la zone de liste déroulante est: " et fermer la

. Inclure un espace après les deux points pour séparer le texte de la valeur dynamique .

< Script type = " text /javascript " >
fonction getComboBox

() {

selectedValue = document.comboBoxForm.comboBoxMenu.value ;

document.getElementById (" comboSpan " ) . innerHTML = selectedValue ;

}

Photos

Photos

d'option> value="1"> un Photos

d'option> value="2"> deux Photos

d'option> value="3"> trois Photos

Photos

Photos

la valeur de la zone de liste déroulante est:

Photos

8

Ajouter une balise HTML à la

et attribuer l'étiquette de la valeur comboSpan identifiant . Fermer le tag .

Photos

Photos

< form name = " comboBoxForm " size = " 1 "> Photos

d'option> value="1"> un Photos < p> deux Photos

d'option> value="3"> trois Photos

Photos

la valeur de la zone de liste déroulante est:

< br >

Photos

9

Ajouter un tag HTML dans le fichier qui porte le titre " Cliquez pour afficher la valeur de la liste déroulante " . Ajouter un onclick () événement pour le bouton qui appelle la getComboBox () et fermez la touche balise.

< p> Photos

Photos

< valeur de l'option = "1"> un Photos

d'option> value="2"> deux Photos

d'option> value="3"> trois Photos

Photos

Photos

la valeur de la zone de liste déroulante est: < /p> Photos

Cliquez pour afficher la valeur de la liste déroulante < /button> Photos

Photos

10

Ouvert getComboBox.html dans un navigateur Web. Cliquez sur le bouton intitulé " Cliquez pour afficher la valeur de la zone de liste déroulante " et vérifiez que le texte dans la tag comboSpan montre la valeur sélectionnée dans la liste déroulante de comboBoxMenu .
< Br >