Probleme de Listes déroulantes liées - HTML/CSS - Programmation
MarshPosté le 03-08-2006 à 09:34:39
Bonjour,
Je souhaite réaliser en javascript, une fonction qui me permette de liée dynamiquement deus liste déroulante : Voici mon code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>essai</title> <script> function Choix(form) { i = form.Rubrique.selectedIndex; window.prompt i; if (i == 0) { return; } switch (i) { case 1 : var txt = new Array ('Matériel','Poissons','Sécurité'); break; case 2 : var txt = new Array ('Radioactivité','Information','Mesures'); break; case 3 : var txt = new Array ('Philosophie','Psychologie','Humour'); break; } form.Rubrique.selectedIndex = 0; for (i=0;i<3;i++) { form.Page.options[i+1].text=txt[i]; } } </script> </head>
Une fois le fichier enregistré sous essai.htm je le lance, la premiere liste déroulante possede bien les 3 attributs ci dessus. Je clique sur l'un de ces attributs mais rien ne se passe sur la deuxieme je ne comprend pas trop je pense pourtant que le code utilisé est correcte..
Une seconde question, j'aimerais savoir si il est possible dans la fonction javascript dans l'entete de mélanger du javascript avec du php ? Parceque ce que j'aimerais faire c'est de pouvoir parmis le choix choisit dans la premiere liste déroulante, aller chercher dans une base de donnée les données qui correspondent a ce choix.
Marsh Posté le 03-08-2006 à 09:34:39
Bonjour,
Je souhaite réaliser en javascript, une fonction qui me permette de liée dynamiquement deus liste déroulante :
Voici mon code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>essai</title>
<script>
function Choix(form) {
i = form.Rubrique.selectedIndex;
window.prompt i;
if (i == 0) {
return;
}
switch (i) {
case 1 : var txt = new Array ('Matériel','Poissons','Sécurité'); break;
case 2 : var txt = new Array ('Radioactivité','Information','Mesures'); break;
case 3 : var txt = new Array ('Philosophie','Psychologie','Humour'); break;
}
form.Rubrique.selectedIndex = 0;
for (i=0;i<3;i++) {
form.Page.options[i+1].text=txt[i];
}
}
</script>
</head>
<body>
<SELECT NAME="Rubrique" onChange='Choix(this.form)'>
<OPTION>-- Choisissez une rubrique ---</OPTION>
<OPTION>Plongée</OPTION>
<OPTION>Nucléaire</OPTION>
<OPTION>Bonheur</OPTION>
</SELECT>
<SELECT NAME="Page">
<OPTION>-- Choisissez une page ---</OPTION>
<OPTION></OPTION>
<OPTION></OPTION>
<OPTION></OPTION>
</SELECT>
</body>
</html>
Une fois le fichier enregistré sous essai.htm je le lance, la premiere liste déroulante possede bien les 3 attributs ci dessus.
Je clique sur l'un de ces attributs mais rien ne se passe sur la deuxieme je ne comprend pas trop je pense pourtant que le code utilisé est correcte..
Une seconde question, j'aimerais savoir si il est possible dans la fonction javascript dans l'entete de mélanger du javascript avec du php ?
Parceque ce que j'aimerais faire c'est de pouvoir parmis le choix choisit dans la premiere liste déroulante, aller chercher dans une base de donnée les données qui correspondent a ce choix.
Merci d'avance
Johnson