page adaptative selon le choix dans des listes déroulantes
Bonjour,
pour un projet de recherche je crée un micro-site web de trois pages :
- connexion/identification
- enquête (limesurvey)
- cartographie
Pour la page cartographie, je souhaite utilisé des listes déroulantes liées. Le choix dans la première liste déroulante modifient les possibilités d'une seconde liste. Même si j'ai trouvé une méthode pour réaliser ce lien, elle ne ne me convient pas car elle oblige à avoir la seconde liste de même longueur quelque soit le choix dans la première. Or, j'ai de grandes disparités de taille (3 à 17). J'ai donc pensé à utiliser les "include" en php. Mais cela ne fonctionne pas.
Voici le code de ma div :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| <div id="legend_3">
<div id="legend_3_titre">
BÂTI
</div>
<div id="legend_3_choix">
<select name="choix_n3" id="choix_n3" onChange='select_n3(this.form)'>
<option value="choix1" selected="Selected">Sans bâtiment</option>
<option value="choix2">Mon appartement / ma maison</option>
<option value="choix3">Tous les immeubles</option>
</select>
<script type="text/javascript">
function Choix(form) {
i = form.choix_n3.selectedIndex;
if (i == 0) {
return;
}
switch (i) {
case 1 : '<?php include("choix/choix_n3_2.php"); ?>';
break ;
case 2 : '<?php include("choix/choix_n3_3.php"); ?>';
break ;
}
</script>
</div>
</div> |
Je débute en programmation web et je me forme au fur et à mesure de mes avancées et après deux jours de recherche et plusieurs tentatives je ne trouve pas de solution.
Merci d'avance.
