[AJAX] erreur: is not a function avec liste déroulante

**dr_octopus74** · 20/04/2007, 15h29

bonjour a tous,
voila j'ai une page contenant une liste déroulante. Cette liste possede 3 option: "Renault", "Peugeot", "Citroen". Lorsque je clique sur renault ,ca m'affiche une autre liste déroulante, contenant "Clio" et "Laguna", et lorsque je clique sur peugeot, ca m'affiche "205" et "607"...

Ca marche bien, seulement j'aimerais utiliser la valeur contenu dans la 2eme liste déroulante (205 ,clio par exemple). Donc j'utilise un formulaire. Et a ce moment là, kan je clique sur la marque de la voiture (renault) ,j'obtient un message d'erreur de firebug:
>>action is not a function.

Sans formulaire, ca veut bien m'afficher la 2eme liste, et dans un formulaire ca ne marche plus

Savez vous d'ou vient cette erreur svp ?

le script qui contient le formulaire:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<html>
	<head>
		  <title>Page de test 1 Ajax</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	</head>
	<body>
		<script type="text/javascript">
			var objRequete = new XMLHttpRequest();
 
			function action(param) {
				// fonction appelÃ©e. param non utilisÃ©e ici
					//var ma_variable=document.getElementById("...").value;
 
					objRequete.open('get','traite2.php?select1='+document.getElementById("Sel1").value,true);	
					objRequete.onreadystatechange = fonction_Retour_Reponse;
					objRequete.send(null);	                    // envoie de la requete
					return true; // la fonction retourne vrai (sans incidence ici - syntaxiquement correct)
			 }
 
			function fonction_Retour_Reponse() {
					if (objRequete.readyState==4) {
							//alert(objRequete.responseText);
                            		document.getElementById("zonetext").innerHTML=objRequete.responseText;
					}
			}
 
		</script>
<FORM id="idForm6" method="POST">
 
    <select name="select1" id="Sel1" onChange="action('test');">
        <option value="0">renault</option>
        <option value="1">peugeot</option>
        <option value="2">citroen</option>
    </select>
	 <p id="zonetext">
        </p>
<INPUT type="submit" value="Executer" name="ok">
</FORM>
<?php
        if (isset($_POST['voiture'])) {
                echo "OK";
        } 
?>
</body>
</html>

le php qui répond:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
26
27
28
29
30
31
32
33
34
 
<?php
        $renault=array("clio","laguna");
        $peugeot=array("205","607");
        $citroen=array("ax","bx");
        
        if ($_REQUEST["select1"] == "0") {
        
        print("<SELECT NAME =\"voiture\">"); //indication du nom de la variable qui sera envoyÃ©e
              for($i=0;$i<sizeof($renault);$i++)
              {
                        print("<OPTION VALUE = ".$renault[$i]."> ".$renault[$i]);
              }
              print("</SELECT>");
        }
        elseif ($_REQUEST["select1"] == 1) {
        
        print("<SELECT NAME =\"voiture\">"); //indication du nom de la variable qui sera envoyÃ©e
              for($i=0;$i<sizeof($peugeot);$i++)
              {
                        print("<OPTION VALUE = ".$peugeot[$i]."> ".$peugeot[$i]);
              }
              print("</SELECT>");
        }
        elseif ($_REQUEST["select1"] == 2) {
        
        print("<SELECT NAME =\"voiture\">"); //indication du nom de la variable qui sera envoyÃ©e
              for($i=0;$i<sizeof($citroen);$i++)
              {
                        print("<OPTION VALUE = ".$citroen[$i]."> ".$citroen[$i]);
              }
              print("</SELECT>");
        }
?>

**E.Bzz** · 20/04/2007, 17h00

Bonjour,
2 raisons aussi valables l'une que l'autres :
* ta fonction n'est pas déclarée dans le head, mais dans le corps de la page : fonctionnement "aléatoire"
* "action" est un mot réservé (propriété de <form>) : it is not a function, but a property

A+

**dr_octopus74** · 21/04/2007, 13h53

merci beaucoup E.Bzz, c'etait bien ca le soucis, pas de chance il fallai que je choisisseu n nom de fonction qui colle pas lol.
a bientot

[AJAX] erreur: is not a function avec liste déroulante

JavaScript

Discussions similaires

Partager

Partager