[AJAX] Liste d�roulante php mysql ajax javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

28/05/2015, 14h42
abbescr7

tout les remarque sont les bienvenu c'est le but de ce forum ! j'ai juste pas lu ton commentaire

je m'excuse encore une fois !
c'est pas tout a fait une jointure sql

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<label>auteur</label>
<select name='auteur' id='auteur' onchange='go()'>
	<option value='-1'>Aucun</option>
<?php
mysql_connect("localhost","root","abbes");
mysql_select_db("test");
$res = mysql_query("SELECT * FROM auteurORDER BY nom");
while($row = mysql_fetch_assoc($res)){
        echo "<option value='".$row["id"]."'>".$row["nom"]."</option>";
}
?>
</select>
<label>livre</label>
<div id='livre' style='display:inline'>
	<select name='vehicule'>
		<option value='-1'>Choisir un auteur</option>
	</select>
</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
/**
* Méthode qui sera appelée sur le click du bouton
*/
function go(){
	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('livre').innerHTML = leselect;
		}
	}
	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxLivre1.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	sel = document.getElementById('auteur');
	idauteur = sel.options[sel.selectedIndex].value;
	xhr.send("idAuteur="+idauteur);
}

ajaxLivre1.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
echo "<select name='livre'>";
if(isset($_POST["idAuteur"])){
	mysql_connect("localhost","root","abbes");
	mysql_select_db("test");
	$res = mysql_query("SELECT id,titre FROM livre 
		WHERE idAuteur=".$_POST["idAuteur"]." ORDER BY titre");
	while($row = mysql_fetch_assoc($res)){
		echo "<option value='".$row["id"]."'>".$row["titre"]."</option>";
	}
}
echo "</select>";
?>

28/05/2015, 15h05
Invit�

Citation:

Envoy� par abbescr7

j'ai juste pas lu ton commentaire

Dans ce cas, je ne perds plus mon temps ici... :roll:
28/05/2015, 15h13
Kreepz

Ce n'ai pas en nous disant "c'est pas tout a fait une jointure sql" et en nous "balan�ant" tout ton code sans rien dire que l'on va pouvoir t'aider..
28/05/2015, 17h19
abbescr7

y a pas de souci peut etre j'ai du mal a m'exprimer alors ya deux liste d�roulante auteur et livre quand je choisi un auteur

Code:

echo "<option value='".$row["id"]."'>".$row["nom"]."</option>";

la fonction go prend l'id de l'auteur

Code:

sel = document.getElementById('auteur');

ei il le compare avec idAuteur dans le fichier ajaxlivre1.php si c'est egale il me g�n�re la 2eme liste qui contient tous ces livres
maintenant quand je remplis mon formulaire et que j'envoie les donn�e a la base dans ma table biblio colonne auteur je trouve son id j'aimerai trouver son nom
28/05/2015, 18h07
Invit�

Ton probl�me n'a rien � voir avec les codes que tu nous montres, mais avec le TRAITEMENT du formulaire ! (que tu ne montres pas !)

Et dans la table "table biblio", c'est bien l'id de l'auteur qu'il faut enregistrer !

Ensuite, au moment de r�-afficher les donn�es, faire appel � une JOINTURE pour r�cup�rer son nom !

OUPS ! A moins que ce que je dis ne t'int�resse toujours pas... :roll:
28/05/2015, 22h09
abbescr7

�a marche :)

you are genius thank you man ;)
merciii

Voir 40 message(s) de cette discussion en une page