[AJAX] Liste déroulante php mysql ajax javascript

Version imprimable

28/05/2015, 13h30
abbescr7

[AJAX] Liste déroulante php mysql ajax javascript

bonjour
j'ai crée mais deux liste déroulante liée dans une base de donnée auteur livre ça marche très bien mais mon problème je veux que quand je remplis le formulaire au niveau de ma base je trouve le nom de l'auteur pas son id
j'ai essayé de changer

Code:

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

a la place de .$row["id"] j'ai mis .$row["nom"] mais la deuxième liste bloque vu qu'elle a besoin de l'id d'auteur comme argument
j'ai même essayer de change mon code JS j'ai mis

Code:

sel = document.getElementByName('auteur');

tjr rien
je suis perdu :(
28/05/2015, 13h36
Kreepz

Bonjour,

Nous serons aussi perdu si tu ne nous donne pas plus de code. :)
Si j'ai bien compris tu as un formulaire et lorsque celui-ci est rempli tu souhaite récupérer l'auteur correspondant dans une autre liste?
28/05/2015, 13h47
Invité

bonjour,

Citation:

Envoyé par abbescr7

liste deroulante php mysql ajax javascript

Tu as oublié html ! :aie:

Non c pas tout a fait ça je veux quand je remplis mon formulaire dans la base je trouve le nom de l'auteur pas son id voila mon code

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<script type='text/javascript'>
function getXhr(){
    var xhr = null;
    if(window.XMLHttpRequest) // Firefox et autres
	xhr = new XMLHttpRequest(); 
    else if(window.ActiveXObject){ // Internet Explorer 
	try {
	    xhr = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
	    xhr = new ActiveXObject("Microsoft.XMLHTTP");
	}
    }
    else { // XMLHttpRequest non supporté par le navigateur 
	alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	xhr = false; 
    } 
    return xhr;
}
/**
* 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="+auteur);
}
</script>

formulaire.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<label>Auteurs</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 auteur ORDER BY nom");
while($row = mysql_fetch_assoc($res)){
        echo "<option value='".$row["id"]."'>".$row["nom"]."</option>";
}
?>
</select>
<label>Livres</label>
<div id='livre' style='display:inline'>
	<select name='livre'>
		<option value='-1'>Choisir un auteur</option>
	</select>
</div>

ajaxLivre1.php

Code:

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

28/05/2015, 13h50
Invité

et... tu ne sais pas récupérer dans la base de données le nom de l'auteur en fonction de son id ? :koi:

Indice : via le fichier php appelé en Ajax, par exemple...
28/05/2015, 13h50
Kreepz

Dans ton JS tu as des variables voitures et marque document.getElementById('vehicule').innerHTML = leselect;.
Alors que ta liste a pour identifiant auteur :aie:
28/05/2015, 13h54
abbescr7

Citation:

Envoyé par Kreepz

Dans ton JS tu as des variables voitures et marque document.getElementById('vehicule').innerHTML = leselect;.
Alors que ta liste a pour identifiant auteur :aie:

desolé je me suis trempé c tt j'ai modifier ma reponse
28/05/2015, 13h57
Kreepz

Je le voie toujours dans ton code JS... :aie:
Et pour l'instant que ce passe t'il lorsque tu selectionne un auteur?
28/05/2015, 14h02
abbescr7

encore désolé c bon j'ai tout modifie :)
apres avoir rempli le formulaire les données sont envoyé a la table euuh ( par exemple biblio ) je veux que dans la colonne auteur je trouve le nom de l'auteur pas son id ; sachant que j'ai en plus deux table auteur et livre !
28/05/2015, 14h03
Kreepz

Et que vaut le champs Auteur dans ta BDD?
28/05/2015, 14h10
abbescr7

je n sais pas si j'ai bien compris ta question ! ya deux liste deroulante qui sont liée la 1ere j'ai deux auteur lorsque je choisi le 1er la deuxieme liste génère tout ses livre ainsi de suite ! mais en fonction de son id , la table auteur est constitué de 2 colonne id nom et la table livre de 3 id nom idauteur ,
quand j'envoie les donnée a la base l'id de l'auteur et envoyé a la table biblio dans la colonne auteur
stp dit moi que tu ma compris !
28/05/2015, 14h16
Kreepz

J'ai compris!! :mouarf:

Et ta requête est fausse (si j'ai vraiment compris):

Code:

$res = mysql_query("SELECT id,titre FROM livre WHERE Auteur=".$_POST["Auteur"]." ORDER BY titre");

Elle est incomplète. Il faut que tu récupère tous les livres pour un auteur. Donc tu dois utiliser la table bliblio.

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, 14h22
Kreepz

Si je ne m'abuse tu n'as pas de champ idAuteur dans la table livre?

mais si !!

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
25
26
27
28
29
30
31
 CREATE TABLE `auteur` (
  `id` tinyint(4) NOT NULL auto_increment,
  `nom` varchar(50) NOT NULL,
  PRIMARY KEY  (`id`)
);
 
insert into `auteur` values 
(1,'Clive Cussler'),
(2,'Harlan Coben'),
(3,'Franck Herbert'),
(4,'Pierre Bordages');
 
CREATE TABLE `livre` (
  `id` tinyint(4) NOT NULL auto_increment,
  `titre` varchar(50) NOT NULL,
  `idAuteur` tinyint(4) default NULL,
  PRIMARY KEY  (`id`)
) ;
 
insert into `livre` values 
(1,'Odyssee',1),
(2,'Sahara',1),
(3,'Dragon',1),
(4,'Une chance de trop',2),
(5,'Ne le dis a personne',2),
(6,'Disparu à jamais',2),
(7,'Dune',3),
(8,'La barriere de santaroga',3),
(9,'Les guerriers du silence',4),
(10,'La citadelle hyponeros',4),
(11,'Terra mater',4);

28/05/2015, 14h31
Kreepz

Autant pour moi !
Et ça ne fonctionne pas?
28/05/2015, 14h34
Invité

Citation:

Envoyé par abbescr7

... quand je remplis mon formulaire dans la base

Cette phrase ne veut rien dire.
Le "formulaire" ne se remplit pas "dans la base" (de données ?).

Explique clairement ton problème, et on pourra t'aider à le résoudre.

ça fonctionne mais au niveau de la table biblio dans le champ auteur je trouve son id pas son nom a cause de la valeur du select
Code:

1 2 3 4 5 6 7 8 <?php mysql_connect("localhost","root","abbes"); mysql_select_db("test"); $res = mysql_query("SELECT * FROM marque ORDER BY nom"); while($row = mysql_fetch_assoc($res)){ echo "<option value='".$row["id"]."-".$row["nom"]."'>".$row["nom"]."</option>"; } ?>
je n peux pas changer la valeur psk code js fait si on veut une sorte de jointure id (table auteur) avec idAuteur (table livre)

28/05/2015, 14h39
Kreepz

Pourrais tu prendre le temps d'écrire? Et de vérifier avant de poster tu nous a posté le mauvais code...
Sinon je pense avoir compris:

Code:

$res = mysql_query("SELECT id,titre, nom FROM livre INNER JOIN auteur(livre.idAuteur = auteur.id) WHERE idAuteur=".$_POST["idAuteur"]." ORDER BY titre");

Du coup (si je n'ai pas raté la jointure :mouarf: ) tu peux utiliser le nom de l'auteur.

c'est une question de JOINTURE entre tables.
Code:

1 2 3 4 5 6 7 "SELECT L.id, L.titre, A.nom FROM livre AS L INNER JOIN auteur AS A ON A.id = L.idAuteur WHERE idAuteur=".$_POST["idAuteur"]." ORDER BY titre"
N.B. Si mes remarques ne t'intéressent pas, tu le dis ! :weird:

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