Alimenter 2 selectbox simultanément

Version imprimable

Bonjour a tous
Je viens demander de l'aide afin de trouver solution à mon problème.
J'ai 2 selectbox que j'aimerai alimenter simultanément au lancement de ma form.
J'arrive à le faire pour un selectbox, mais pas pour les deux, disons que je ne sais pas comment adapter mon code pour le faire avec une requête différente de la première.
Quelqu'un peut il m'aider?

Mes selectbox sont selectbox1 et selectbox2

Mon script

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$('#addModal').on('shown.bs.modal', function (e) {
        var action = 'Add';
        var query = 'Add';
        var result = 'selectbox1';
            $.ajax({
                url:'fetch.php',
                method:"POST",
                data:{action:action, query:query},
                success:function(data)
                {
                    $('#'+result).html(data);
                }
            })
    });

fetch.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
//fetch.php
 
if(isset($_POST['action']))
{
    if($_POST["action"] == 'Add')
    {
        require_once 'config.php';
        $sql="SELECT * FROM test ORDER BY tester";
        $result=mysqli_query($conn,$sql);
        while($row=mysqli_fetch_array($result)){
            $atester= explode(",",$row['tester']);
            foreach($atester as $tester) {
                $output .= '<option value="'.$tester.'">'.$tester.'</option>';
            }
        }
    }
    echo $output;
}
 
?>

Merci d'avance

cordialement

Salut,

Si le contenu des <select> est stocké dans une seule table, alors tu peux exécuter une seule requête pour le récupérer, sinon tu dois utiliser dataType:"json" dans $.ajax afin que le fichier php puisse renvoyer les données en tant que tableau :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$.ajax({
   url:'fetch.php',
   method:"POST",
   data:{action:action, query:query},
   dataType:"json",//importante
   success:function(data){
       //met d'abord un console.log(data) ici pour voir la structure de l'objet renvoyé par le php avant de passer aux lignes suivantes.... 
       console.log("success data :",data);
       $("#selectbox1").html(data.select1);
       $("#selectbox2").html(data.select2);  
   },
   error:function(err){//utilise ce callback (fonction de retour) pour voir s'ils y'a des erreurs
       alert("Erreur ajax :"+err.responseText);
   }
 
});

Puis en php tu récupère tes variables comme tu l'a fait ...sauf qu'il faut stocker les données de chaque select dans un index de $reponse, $reponse["select1"]=$output et $reponse["select2"]=$output puis tu renvois le tout avec json_encode() à la fin (pas d'echo ni var_dump ni rien)

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
$reponse=[];
$output="";
if(isset($_POST['action']))
{
    if($_POST["action"] == 'Add')
    {
        require_once 'config.php';
        $sql="SELECT * FROM test ORDER BY tester";
        //première requête du select1:
        $result=mysqli_query($conn,$sql);
        while($row=mysqli_fetch_array($result)){
            $atester= explode(",",$row['tester']);
            foreach($atester as $tester) {
                 $output.='<option value="'.$tester.'">'.$tester.'</option>';
            }
        }
 
        $reponse["select1"]=$output;
 
        //deuxième requête pour le select2:
        $output="";//vider le $output pour le remplir ensuite avec les données de la 2éme requête 
        $sql=".........";
        $result=mysqli_query($conn,$sql);
        while($row=mysqli_fetch_array($result)){
            //le code nécessaire
            $output.= '<option value="....">.....</option>';
        }
        $reponse["select2"]=$output;
    }
    echo json_encode($reponse);
}

Si tout va bien, le fichier php renverra un tableau contenant deux items :select1 et select2, qui est converti en json par ajax.

27/02/2020, 23h48
patrick754

Bonjour Toufik83
Grand merci, c'est exactement ce que je cherche et ça marche.

Cependant en voulant appliquer une clause where je reçois une erreur "undefined".

Je récupère l'ID dans une champs nommé tester_id et je voudrais que la seconde requête soit du genre SELECT * FROM test WHERE id=champ tester_id.

Possible de m'aider?

Encore merci

cordialement
28/02/2020, 00h00
Toufik83

Salut,

Tu n'as pas répondu à ma question, est-ce que les requêtes s’exécutent sur plusieurs tables ou bien sur la même ?

Tu peux me montrer la structure de tes/ta table(s) et le nouveau code php que tu as mis afin que je comprenne mieux la situation?

2 pièce(s) jointe(s)

Bonjour
Désolé, la requête s’exécute sur 2 tables (essai et test).

Les structures
Pièce jointe 541763 Pièce jointe 541766

Le nouveau PHP

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
$reponse=[];
$output="";
if(isset($_POST['action']))
{
    if($_POST["action"] == 'Add')
    {
        require_once 'config.php';
        $sql="SELECT * FROM test ORDER BY tester";
        $result=mysqli_query($conn,$sql);
        while($row=mysqli_fetch_array($result)){
            $atester= explode(",",$row['tester']);
            foreach($atester as $tester) {
                 $output.='<option value="'.$tester.'">'.$tester.'</option>';
            }
        }
 
        $reponse["select1"]=$output;
 
        $output="";
        $sql="SELECT * FROM essai WHERE id=$_POST['tester_id']";//tester_id est le champ contenant l'id
        $result=mysqli_query($conn,$sql);
        while($row=mysqli_fetch_array($result)){
            $atest_ob= explode(",",$row['test_ob']);
            foreach($atest_ob as $test_ob) {
                 $output.='<option value="'.$test_ob.'">'.$test_ob.'</option>';
            }
        }
        $reponse["select2"]=$output;
    }
    echo json_encode($reponse);
}

Merci d'avance

28/02/2020, 14h50
Toufik83

Salut,

j'attendais une explication beaucoup mieux claire que celle-là :aie:...

Y a-t-il une relation entre la colonne tester_id de la table essai et id de la table test ?, une clé étrangère non ?.

Si oui, alors dans ce cas il faut faire une requête avec jointure au lieu d'utiliser deux requêtes.
28/02/2020, 15h26
patrick754

Salut
Oui id et tester id sont liés.
Merci d'avance
28/02/2020, 16h31
Toufik83
Ok, dans ce cas tu passe par une jointure, essaie d’exécuter cette requête dans phpmyadmin pour voir si le résultat est correcte ou pas :
Code:

1 2 3 4 select tester,test_ob from test t inner join essai e on t.id=e.tester_id;
29/02/2020, 13h31
patrick754

Bonjour @Toufik83
Ça marche, merci pour ton aide. Grace à toi je peux avancer.

Merci