IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

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


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Pour le plaisir
    Inscrit en
    Novembre 2012
    Messages
    178
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Pour le plaisir
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Novembre 2012
    Messages : 178
    Par défaut [AJAX] Récupérer info d'un select dans un autre
    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>

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    si tu regardes juste au dessus de ton post il y a un post intitulé "select liés ou liste liées ..."
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Homme Profil pro
    Pour le plaisir
    Inscrit en
    Novembre 2012
    Messages
    178
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Pour le plaisir
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Novembre 2012
    Messages : 178
    Par défaut
    merci je vais regarder ça et revient si j'ai un problème.

  4. #4
    Membre confirmé
    Homme Profil pro
    Pour le plaisir
    Inscrit en
    Novembre 2012
    Messages
    178
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Pour le plaisir
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Novembre 2012
    Messages : 178
    Par défaut
    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 ?

  5. #5
    Modérateur
    Avatar de BakSh0
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2014
    Messages
    276
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2014
    Messages : 276
    Par défaut
    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 ?
    BakSh0, Modérateur .Net & Web

    Affichez la colorisation syntaxique dans votre code en ajoutant dans votre balise : [CODE=xxx] en remplaçant xxx par le nom du langage.


    N'oubliez pas de consulter les FAQs : .Net / Web et les cours et tutoriels .Net / Web

  6. #6
    Membre confirmé
    Homme Profil pro
    Pour le plaisir
    Inscrit en
    Novembre 2012
    Messages
    178
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Pour le plaisir
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Novembre 2012
    Messages : 178
    Par défaut
    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...

Discussions similaires

  1. Réponses: 3
    Dernier message: 26/01/2010, 09h41
  2. Réponses: 5
    Dernier message: 18/11/2009, 17h17
  3. [AJAX] Pourquoi ai-je 1 select dans 1 select ?
    Par Jordel dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 26/11/2008, 16h56
  4. [AJAX] Récupérer infos dans fichier XML
    Par Dia_FR dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 02/12/2006, 15h34
  5. récupérer la valeur d'un select dans un autre
    Par alexander dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 16/03/2005, 19h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo