Cet exemple partage le menu déroulant de liaison secondaire de l'implémentation JS pour votre référence. Le contenu spécifique est le suivant
<% @ Page Language = "Java" import = "java.util. *" Pageencoding = "utf-8"%> <% String path = request.getContextPath (); String basepath = request.getscheme () + ": //" + request.getServerName () + ":" + request.getServer () + path + "/";% "- // w3c // dtd html 4.01 transitional // en"> <html> <adref> <Title> nouveau document </ title> <meta name = "générateur" contenu = "editplus"> <meta name = "auteur" contenu = "> <méta nom =" Metwords "contenu =" "> <méta nom =" Description "Content = Content =" contenu = "" "> <cript lingware =" javas "> <aa name =" Description "Content = Content =" Content = "" "> <script linguisse Type = "Text / JavaScript"> // définit un tableau bidimensionnel de villes, et l'ordre est le même que celui des provinces. Obtenez la valeur de l'indice de la province par SelectedIndex pour obtenir le tableau de la ville correspondant var ville = [["Beijing", "Tianjin", "Shanghai", "Chongqing"], ["Nanjing", "Suzhou", "Nantong", "Changzhou"], ["Fuzhou", "Fuan", "Longyan", "Nanping",, " ["Guangzhou", "Chaoyang", "Chaozhou", "Chenghai"], ["Lanzhou", "Baiyin", "Dingxi", "Dunhuang"]]; function getCity () {// Obtenez l'objet de la boîte déroulante de la province var sltprovince = document.form1.province; // Obtenez l'objet de la boîte déroulante de la ville var sltcity = document.form1.city; // obtient le tableau de la ville de la province de province correspondante = ville [Sltprovince.SelectedIndex - 1]; // efface la boîte déroulante de la ville, ne laissant que l'option rapide sltcity.length = 1; // Remplissez la valeur du tableau de la ville dans la zone déroulante de la ville pour (var i = 0; i <provincity.length; i ++) {sltcity [i + 1] = nouvelle option (Provincity [i], provincité [i]); }} </ script> </ head> <body> <form méthode = post-action = "" name = "form1"> <select name = "province" onchange = "getCity ()"> <option value = "0"> Veuillez sélectionner votre province </ option> <option valeur = "gansu"> ville </opoption> <option Value = "Jiangsu province"> jiangsu province </ / option = "Jiangsu province"> jiangsu province </ / option = "Jiangsu province"> jiangsu province </ Option Value = "FujiAN Province "> Province du Fujian </ Option> <Option Value =" Guangdong Province "> Province de Guangdong </ Option> <Option Value =" Gansu Province "> Gansu Province </ Option> </lect> <sélectionner Name =" City "> <Option Value =" 0 "> VEUILLECe code est relativement simple.
Si vous n'êtes pas familier avec JS, vous pouvez consulter le contenu suivant sur le traitement JS Select Objets :
1. Utilisez la propriété SelectedIndex pour obtenir l'index de l'option actuelle
Les options dans la zone déroulante sont un tableau linéaire, chaque option a un index et le SelectedIndex représente le numéro d'index de l'option actuellement sélectionnée. Combiné avec l'attribut Options, l'objet option sélectionné peut être obtenu, afin qu'il puisse être traité davantage. Lorsque la zone déroulante est sélectionnable à plusieurs multiples, la propriété SelectedIndex renvoie le premier index sélectionné.
SelectIndex est une propriété en lecture seule. Si vous souhaitez définir l'élément dans la zone déroulante spécifiée via l'index à l'état sélectionné, vous pouvez définir le objet Sélectionné = TRUE de l'objet Option pour y parvenir.
2. Ajoutez une option à l'objet SELECT
sltcity [i + 1] = nouvelle option (provincité [i], provincité [i]);
Nouvelle option (Provincity [i], Provincity [i]) signifie créer un objet d'option avec la valeur de la valeur [i] et le texte est la province [i]. SltCity est l'objet de la ville sur la page. I + 1 spécifie l'emplacement de l'option nouvellement ajoutée.
3. Effacer un objet sélectionné
Il existe deux façons de supprimer toutes les options dans la boîte déroulante.
La première méthode consiste à traverser la suppression:
var l = mySelect.length; pour (var i = 0; i <l; i ++) {mySelect.options [i] = null; }La deuxième méthode est relativement simple, donc cette méthode est généralement utilisée:
mySelect.length = 0;