Comment relier deux listes déroulantes en HTML et JSP
Utilisation JSP , vous pouvez dynamiquement mis en place deux listes déroulantes sur votre page Web. Vous liez les deux cases dans la page HTML en utilisant JavaScript. Le JavaScript déclenche lorsque vous sélectionnez un élément dans la première liste déroulante . Vous construisez les listes déroulantes en JSP , puis réglez le deuxième à être caché lorsque l'utilisateur charge la page Web . Lorsque l'utilisateur sélectionne un élément de la première liste déroulante , le deuxième lié déroulante s'affiche. Instructions 1
Ouvrez votre éditeur de pages JSP et le fichier de code source que vous voulez utiliser pour afficher les listes déroulantes . 2
créer les deux boîtes JSP déroulante . Le code suivant crée un menu déroulant client , et la seconde liste déroulante « Homme » ou « Femme » pour l'internaute de choisir parmi :
< select id = " clients " > < /select> ; .
la seconde liste déroulante est caché , afin que l'utilisateur ne voit pas les informations jusqu'à ce qu'un client est sélectionné 3
Remplissez la liste déroulante de l'information . Les code suivant insère une liste de clients dans les «clients» de la boîte déroulante: Photos
pour ( compteur de 1 à customers.getSize () par 1 ) customers.appendElement ( clients [ contre ] Nom ). , End of
le code ci-dessus utilise les données « clients » établies pour remplir la liste déroulante . Remplacez le nom de ce jeu de données avec votre propre . 4
Ajouter la fonction JavaScript pour la partie HTML de la page entre les balises
. Le code suivant affiche le deuxième lié déroulant après que l'utilisateur a choisi une option: changement
function () { . Document.getElementById ( "gender" ) de style.visibility = " visible ";} 5
Lier la fonction JavaScript pour la deuxième liste déroulante . Placez le code suivant dans la définition de balise pour la deuxième liste déroulante : Photos
