LISTE DEROULANTE LIEE

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
nguioolivier
Arias
Messages : 1
Inscription : 15 sept. 2021, 19:39

LISTE DEROULANTE LIEE

Message par nguioolivier »

Bonjour
j'ai un soucis avec mon code. je suis en train de créer une liste déroulante de 4 niveaux.
je m'explique :
1 niveau : N°SAV donne une liste de clients selon N°SAV choisi
2 niveau : je choisi un client qui donne une liste de repère

d'ici la tout va bien
3 et 4 niveau : lorsque je choisi un client , son N°CONTRAT et le type de CONTRAT doivent automatiquement s'afficher;

malheureusement il ne s'affiche pas dans les cases respectives(REPÈRE - NCONTRAT - CONTRAT) mais plutôt dans la case repère

je n'arrive pas a lier le choix du client au Ncontrat et contrat
aidez moi svp

code index :
Code HTML :

Code : Tout sélectionner

                    <div class="col sm-6">
                        <form action="add_panne.php" method="POST">
                            <div class="modal-body">
 
                                <!-- N°SAV dropdown -->
                                <div class="row mb-3">
                                    <label for="nsav" class="col-sm-3 col-form-label">N°SAV :</label>
                                    <div class="col sm-8">
                                        <select onChange="getClient(this.value);"  name="nsav" id="nsav" class="form-control">
                                            <option value="">Selectionnez N°SAV</option>
                                            <?php      
                                            $query = $connexion->query('SELECT * FROM nsav');
                                            while ($row = $query->fetch()){ 
                                            ?>
                                            <option value="<?php echo $row['n_sav'];?>"><?php echo $row['n_sav'];?></option>;
                                            <?php }?>
                                        </select>
                                    </div>
                                </div>
 
                                <!-- Clients dropdown -->
                                <div class="row mb-3">
                                    <label for="clients" class="col-sm-3 col-form-label">CLIENTS :</label>
                                    <div class="col sm-8">
                                        <select onChange="getData(this.value);"  name="clients" id="client-list" class="form-control">
                                            <option value="">Selectionnez un client</option>
                                        </select>
                                    </div>
                                </div>
 
                                <!-- N°contrat dropdown -->
                                <div class="row mb-3">
                                    <label for="ncontrat" class="col-sm-3 col-form-label">N°CONTRAT:</label>
                                    <div class="col sm-8">
                                        <input type="text" class="form-control" id="ncontrat-text" placeholder="selectionner un N°contrat">
                                        <p id="ncontrat-texte"></p>
                                    </div>
                                </div>
 
                                <!-- REPERE dropdown -->
                                <div class="row mb-3">
                                    <label for="reperes" class="col-sm-3 col-form-label">REPERES:</label>
                                    <div class="col sm-8">
                                        <select name="reperes" id="repere-list" class="form-control">
                                            <option value="">Selectionnez le repere</option>
                                        </select>
                                    </div>
                                </div>
 
                                <!-- RESPONSABLE dropdown -->
                                <div class="row mb-3">
                                    <label for="responsables" class="col-sm-3 col-form-label">RESPONSABLE ZONE:</label>
                                    <div class="col sm-8">
                                        <select name="responsables" id="responsables" class="form-control">
                                            <option value="">Selectionnez un responsable</option>
                                            <?php      
                                            $reponse = $connexion->query('SELECT * FROM responsables');
                                            while ($row = $reponse->fetch()){ 
                                            ?>
                                            <option value="<?php echo $row['nom_responsable'];?>"><?php echo $row['nom_responsable'];?></option>;
                                            <?php }?>
                                        </select>
                                    </div>
                                </div>
 
                                <!-- TECHNICIENS dropdown -->
                                <div class="row mb-3">
                                    <label for="techniciens" class="col-sm-3 col-form-label">TECHNICIENS:</label>
                                    <div class="col sm-8">
                                        <select name="techniciens" id="techniciens" class="form-control">
                                            <option value="">Selectionnez un technicien</option>
                                            <?php      
                                            $reponse = $connexion->query('SELECT * FROM techniciens');
                                            while ($row = $reponse->fetch()){ 
                                            ?>
                                            <option value="<?php echo $row['nom_technicien'];?>"><?php echo $row['nom_technicien'];?></option>;
                                            <?php }?>
                                        </select>
                                    </div>
                                </div>
 
                                <!-- CONTRAT dropdown -->
                                <div class="row mb-3">
                                    <label for="contrats" class="col-sm-3 col-form-label">CONTRAT :</label>
                                    <div class="col sm-8">
                                    <input type="text" class="form-control" id="contrat-text" placeholder="selectionner un contrat">
                                        <p id="contrat-texte"></p>
                                    </div>
                                </div>
 
                            </div>
 
 
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
                                <button type="submit" name="savebtn" class="btn btn-primary">Enregistrer</button>
                            </div>
                        </form>
                    </div>


code SCRIPT :
Code JavaScript :
function getClient(val) {
    $.ajax({
    type: "POST",
    url: "get_clients.php",
    data: 'id='+val,
    success: function(data){
         $("#client-list").html(data);  // pour les clients
     }
     });
}
 
function getData(val) {
  $.ajax({
    type: "POST",
    url: "get_data.php",
    data: 'id='+val,
    success: function(data){
      $("#ncontrat-text").html(data); // pour les ncontrats 
      $("#repere-list").html(data); // pour les reperes 
      $("#contrat-text").html(data); // pour les contrats   
    }
  });
}


code GET_CLIENTS
Code php :
<?php
require_once("connexion.php");
 
if(!empty($_POST["id"])){
  $nsavid=$_POST["id"];
 
    $sql = $connexion->prepare("SELECT * FROM clients WHERE n_sav =:nsavid");
    $sql->execute(array(':nsavid' => $nsavid));
    ?>
    <option value="">selectionnez un client</option>
    <?php
    while($row = $sql->fetch()){
    ?>
  <option value="<?php echo $row["nom_client"]; ?>"><?php echo $row["nom_client"]; ?></option>
  <?php 
 }
}
?>

code GET_DATA
Code php :
<?php
//connexion à la bdd
require_once("connexion.php");
?>
 
<?php
//connexion à la table ncontrat
if(!empty($_POST["id"])){
    $clientsid=$_POST["id"];
 
$sql = $connexion->prepare("SELECT * FROM ncontrat WHERE nom_client =:clientsid");
$sql->execute(array(':clientsid' => $clientsid));
?>
    <?php
    while($row = $sql->fetch()){
    ?>
  <option value="<?php echo $row["n_contrat"]; ?>"><?php echo $row["n_contrat"]; ?></option>
  <?php 
 }
}
?>
 
 
<?php
//connexion à la table reperes
if(!empty($_POST["id"])){
    $clientsid=$_POST["id"];
 
$sql = $connexion->prepare("SELECT * FROM reperes WHERE nom_client =:clientsid");
$sql->execute(array(':clientsid' => $clientsid));
?>
<option value="">selectionnez un repere</option>
    <?php
    while($row = $sql->fetch()){
    ?>
  <option value="<?php echo $row["repere"]; ?>"><?php echo $row["repere"]; ?></option>
  <?php 
 }
}
?>
 
 
<?php
//connexion à la table contrat
if(!empty($_POST["id"])){
    $clientsid=$_POST["id"];
 
$sql = $connexion->prepare("SELECT * FROM contrats WHERE nom_client =:clientsid");
$sql->execute(array(':clientsid' => $clientsid));
?>
    <?php
    while($row = $sql->fetch()){
    ?>
  <option value="<?php echo $row["contrat"]; ?>"><?php echo $row["contrat"]; ?></option>
  <?php 
 }
}
?>
[[modération]
L'utilisation des balises [ code ][ /code ] </> facilite la lecture. Elles ont donc été ajoutées.
[/modération]lool-lauris
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 7 invités