Discussion :

[Supernatural]

Bonjour,

Je cherche à afficher sur la même page un tableau (avec données provenant de MySQL) sur un onchange d'un select.

J'alimente un premier select, en fonction de ce premier j'en alimente un second et je voudrais que lors du choix de ce dernier un tableau soit affiché...

Pour les select j'utilise ajax, mais pour le select j'ai essayé mais je n'y parviens pas...

Mon code:

Code :

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

1
2
3
 
<label>Cellule:</label>
<select class="form-control" style="width:auto" id="cellule" name="cellule" onchange="loadpc(this.value)"></select><br>

Partie ajax:

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
 
	<script type="text/javascript">
		function loadpc(str) {
			var id=cellule.options[cellule.selectedIndex].id;
			alert(id);
			if (str=="") {
				document.getElementById("cellule").innerHTML="";
				return;
			}
			if (window.XMLHttpRequest) {
				// code for IE7+, Firefox, Chrome, Opera, Safari
				xmlhttp=new XMLHttpRequest();
			} else { // code for IE6, IE5
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.onreadystatechange=function() {
				if (this.readyState==4 && this.status==200) {
				document.getElementById("cellule").innerHTML=this.responseText;
				}
			}
			alert(str);
 
//FAUT IL UTILISER LA METHODE GET OU POST???
 
			xmlhttp.open("GET","toto.php?idcell="+cellule.options[cellule.selectedIndex].id, true);
			xmlhttp.send();
			//xhr.open("POST","ajax/toto.php",true);
			//xhr.send("idcell="+cellule.options[cellule.selectedIndex].id);
		}
	</script>

Merci par vance pour votre aide.

[Supernatural]

C'est bon j'ai réussi ^^.

Par contre comment faire pour effacé mon tableau lorsque je modifie la valeur dans mon 1er select?
Quand je modifie mon premier select, le second se "reinitialise" bien, mais mon tableau est toujours affiché...

Merci par avance

[psychadelic]

Code :

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

document.getElementById("Tableau_Inconnu").innerHTML="";

[Supernatural]

J'ai déjà essayé mais ça ne fonctionne pas...

Dans ma page index:

Code :

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

<div id="proc_conf"><b>Mon tableau sera affiché ici</b></div>

Dans ma page tableau.php, j’exécute ma requête et je créer mon tableau...

[Supernatural]

Bon, une nouvelle fois c'est bon...

Je récupérais le mauvais index...

[psychadelic]

Je ne comprends pas pourquoi tu a ouvert un tel sujet
Il n'y avait aucune difficulté technique et c'était juste un erreur d'écriture sur du code invisible ici

Tu avais déjà trouve ou se situait ton problème et tu à preférer poster plutôt que de relire ton propre code.

Si chacun d'entre nous ouvre un sujet à chaque fois qu'il fait une erreur de frappe, ce forum va devenir une poubelle.