Se connecter avec
S'enregistrer | Connectez-vous

pb liste liée

Dernière réponse : dans Programmation

bonjour à tous,

je suis un petit debutant en ajax et j'essai de faire une liste liée.

j'ai deux tables :

reference :
id_ref
ref_pdt

designation :
id_des
des_pdt
id_ref

il se passe que quand je selectionne une reference dans le menu deroulant la designation reste vide et je ne comprend pas pourquoi!

je vous donne mon code :

index.php
  1. function change(){
    

  2.  
  3. 				var xhr = getXhr(); 
    

  4.                 xhr.onreadystatechange = function(){
    

  5.                     if(xhr.readyState == 4 && xhr.status == 200){
    

  6.                         leselect = xhr.responseText;
    

  7.                         document.getElementById('designation').innerHTML = leselect;
    

  8.  
  9. 					}
    

  10. 				}
    

  11.  
  12.  
  13. 				xhr.open("POST","ajax1.php",true);
    

  14. 				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    

  15. 				id_ref = document.getElementById('reference').options[document.getElementById('reference').selectedIndex].value;
    

  16. 				xhr.send("Id_ref="+id_ref);
    

  17.  
  18. 			}
    

  19. 		</script>
    

  20. 	</head>
    

  21. 	<body>
    

  22. 			<fieldset style="width: 500px">
    

  23. 				<legend>commande</legend>
    

  24. 				<label>reference</label>
    

  25. 				<select name='reference' id='reference' onchange='change()'>
    

  26. 					<option value='-1'>reference</option>
    

  27. 					<?php
    

  28. 						include("connexion.php");
    

  29. 						$res = mysql_query("SELECT * FROM reference");
    

  30. 						while($row = mysql_fetch_assoc($res)){
    

  31. 							echo "<option value='".$row["ref_pdt"]."'>".$row["ref_pdt"]."</option>";
    

  32. 						}
    

  33. 					?>
    

  34. 				</select>
    

  35. 				<label>designation</label>
    

  36. 				<div id='designation' style='display:inline'>
    

  37. 				<select name='designation'>
    

  38. 					<option value='-1'>designation</option>
    

  39. 				</select>
    

  40. 				</div>
    

  41. 			</fieldset>
    

  42. 	</body>
    

  43. </html>


ajax1.php
  1. <?php
    

  2.  
  3. 	echo "<select name='designation'>";
    

  4. 	if(isset($_REQUEST["Id_ref"])){
    

  5. 		include ('connexion.php');
    

  6. 		$res = mysql_query("SELECT * FROM designation WHERE Id_ref=".$_REQUEST["Id_ref"]."");
    

  7. 		while($row = mysql_fetch_assoc($res)){
    

  8. 			echo "<option value='".$row["id_ref"]."'>".$row["des_pdt"]."</option>";
    

  9. 		}
    

  10. 	}
    

  11. 	else
    

  12. 		echo "<option value='-1'>designation</option>";
    

  13. 	echo "</select>";
    

  14. ?>


merci pour votre aide

Autres pages sur : liste liee

Lassé par la pub ? Créez un compte

Quelqu'un aurait t-il la solution au problème ??? Il se trouve que mon deuxième menu déroulant affiche vide après la sélection sur le premier menu déroulant.Ce serait vraiment génial si quelqu'un pouvait donner ne serait-ce que la cause de ce problème.
Merci d'avance. :D 
Lassé par la pub ? Créez un compte

Créer un nouveau sujet