[AJAX] Récupérer info d'un select dans un autre

**maxtrident** · 25/08/2014, 16h50

bonjour
je voudrais quand un utilisateur clic dans un select afficher un autre select avec l'info récupéré sur le 1er select $nom_categ en temp réel.
je pense que c'est avec du javascript qu'on peut faire ça, mais je ne connais pratiquement rien en javascript.
quelqu'un peut m'aider ?

Code php :

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
47
48
49
50
51
52
53
54
55
56
<div class="bloccp">
 <select name="categrech" <?php if ($souscateg !='' AND $souscateg != 0) { echo 'style="background-color:#cad5d6"';} ?>  onchange="affichElement2( this.value)">
<option style="background-color:#fff" value="0" >Catégories</option>
 <?php
    $rec_categ = $bdd->query("SELECT DISTINCT categ FROM categorie where id != 1");
 
    while ($rec_catego = $rec_categ->fetch())
    {
    $id_categ = $rec_catego['id'];
    $nom_categ = $rec_catego['categ'];
    $sous_categorie = $rec_catego['sous_categ'];
 
    if ($categ == $nom_categ)
    {
    ?>
<option value="<?php echo $nom_categ;?>"  selected><?php echo $nom_categ;?></option>
 <?php
 }
 else
 {
?>
<option value="<?php echo $nom_categ;?>" ><?php echo $nom_categ;?></option>
 <?php
 }
 }
 ?>
 </select>
 </div>
 <div class="bloccp" id="souscateg" style="display:none;">
 <select name="souscategrech" <?php if ($categ !='' AND $categ != 0) { echo 'style="background-color:#cad5d6"';} ?>>
<option style="background-color:#fff" value="0" >Sous-Catégories</option>
 <?php
 
    $rec_scateg = $bdd->query("SELECT * FROM categorie where categ = '$nom_categ'");
    while ($rec_catego = $rec_scateg->fetch())
    {
    $id_categ = $rec_catego['id'];
    $nom_categ = $rec_catego['categ'];
    $sous_categorie = $rec_catego['sous_categ'];
 
    if ($souscategrech == $sous_categorie)
    {
    ?>
<option value="<?php echo $sous_categorie;?>"  selected><?php echo $sous_categorie;?></option>
 <?php
 }
 else
 {
?>
<option value="<?php echo $sous_categorie;?>" ><?php echo $sous_categorie;?></option>
 <?php
 }
 }
 ?>
 </select>
  </div>

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
<script type="text/javascript"> 
	function affichElement2(param) {
    var element  = param;    
 
    if (element  == "0") {
	//auto
        document.getElementById('souscateg').style.display='none';
       	document.getElementById('contenu2').style.display = 'inline';
	} 
	else if (element  != '0') {
        document.getElementById('souscateg').style.display='inline';
       	document.getElementById('contenu2').style.display = 'inline';
	}
}
 
 
</script>

**SpaceFrog** · 25/08/2014, 16h51

si tu regardes juste au dessus de ton post il y a un post intitulé "select liés ou liste liées ..."

**maxtrident** · 25/08/2014, 17h19

merci je vais regarder ça et revient si j'ai un problème.

**maxtrident** · 26/08/2014, 11h20

bon j'ai une erreur Parse error: syntax error, unexpected $end quand je clic sur le 1er select

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
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('souscateg').innerHTML = leselect;
		}
	}
	// Ici on va voir comment faire du post
	xhr.open("POST","souscateg.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'categrech
	sel = document.getElementById('categrech');
	idauteur = sel.options[sel.selectedIndex].value;
	xhr.send("idAuteur="+idauteur);
}

Code php :

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
<div class="bloccp">
 
 <select name="categrech" id='categrech' <?php if ($categ !='' AND $categ != 0) { echo 'style="background-color:#cad5d6"';} ?>  onchange='go()'>
<option style="background-color:#fff" value="-1" >Catégories</option>
 <?php
	$rec_categ = $bdd->query("SELECT DISTINCT categ FROM categorie where id != 1  ORDER BY categ");
 
	while ($rec_catego = $rec_categ->fetch())
	{
	$id_categ = $rec_catego['id'];
	$nom_categ = $rec_catego['categ'];
	$sous_categorie = $rec_catego['sous_categ'];
 
	if ($categ == $nom_categ)
    {
    ?>
<option value="<?php echo $id_categ;?>"  selected><?php echo $nom_categ;?></option>
 <?php
 }
 else 
 {
?>
<option value="<?php echo $id_categ;?>" ><?php echo $nom_categ;?></option>
 <?php
 }
 }
 ?>
 </select>
 </div>
 <div class="bloccp" id="souscateg" style="display:none;">
 <select name="souscateg" <?php if ($souscategrech !='' AND $souscategrech != 0) { echo 'style="background-color:#cad5d6"';} ?>>
<option style="background-color:#fff" value="-1" >Sous-Catégories</option>
  </select>
  </div>
   </div>

fichier souscateg.php

Code php :

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
<?php
// Fichier de configuration
include "./../config.php";
// Connection MYSQL
try
{
    // On se connecte à MySQL
   $bdd = new PDO('mysql:host='.$sql.';dbname='.$base.';charset=utf8', $user, $password);
   }
catch(Exception $e)
{
    // En cas d'erreur, on affiche un message et on arrête tout
        die('Erreur : '.$e->getMessage());
}
 
unset($sql);
unset($user);
unset($password);
unset($base);
 
?>
 <select name="souscateg" <?php if ($categ !='' AND $categ != 0) { echo 'style="background-color:#cad5d6"';} ?>>
 <?php
 if(isset($_POST["idAuteur"])){
	$rec_scateg = $bdd->query("SELECT * FROM categorie where id = ".$_POST["idAuteur"]." ORDER BY sous_categ");
	while ($rec_catego = $rec_scateg->fetch())
	{
	$id_categ = $rec_catego['id'];
	$nom_categ = $rec_catego['categ'];
	$sous_categorie = $rec_catego['sous_categ'];
 
	if ($souscategrech == $sous_categorie)
    {
    ?>
<option value="<?php echo $id_categ;?>"  selected><?php echo $sous_categorie;?></option>
 <?php
 }
 else 
 {
?>
<option value="<?php echo $id_categ;?>" ><?php echo $sous_categorie;?></option>
 <?php
 }
 }}
?>
</select>

si quelqu'un voie erreur ?

**BakSh0** · 26/08/2014, 11h37

Bonjour,

Je ne sais pas si ça à un rapport avec ton soucis mais sans tester quelque chose me semble étrange :

Code php :

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

$rec_scateg = $bdd->query("SELECT * FROM categorie where id = ".$_POST["idAuteur"]." ORDER BY sous_categ");

ça fonctionne ?? Les double quotes ne devrait pas être des simples ?

Code php :

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

$rec_scateg = $bdd->query("SELECT * FROM categorie where id = ".$_POST['idAuteur']." ORDER BY sous_categ");

Non ?

**maxtrident** · 26/08/2014, 11h49

ok c'est bon sauf que ça m'affiche rien dans le select 2.
on dirait que ça ne récupère pas le post...

[AJAX] Récupérer info d'un select dans un autre

AJAX

Vue hybride

Discussions similaires

Partager

Partager