Remplir un formulaire dynamiquement en fonction d'une combobox [Résolu/Fermé]

Bonjour, je débute complètement avec Ajax/Javascript j'ai donc très peu de notions. J'essaye de bidouiller depuis quelques temps un affichage dynamique de mon formulaire en fonction d'un client qu'on sélectionne à l'aide d'une combobox. Sans réussite, je fais appel à vous dans l'éventualité ou vous pourrez peut être m'aider à me mettre sur la voie. (Je n'ai pas trouvé de documentations pertinentes qui répondent à mes besoins, mis à part un code qui générait des régions et des départements associés).

Concrètement, je souhaites afficher les numéros de demandes selon le client sélectionné. A la sélection du client, j'aimerais afficher toutes ces informations dans le formulaire, informations qui pourraient être éventuellement modifiés plus tard. IDEM pour la section demande, à la sélection de la demande j'aimerais générer les infos demandes.

Seul l'affichage de mes clients fonctionne correctement actuellement, voici le code:

BDD:

CREATE TABLE IF NOT EXISTS `clients` (
  `NUM_CLI` int(11) NOT NULL,
  `NOM_CLI` varchar(128) NOT NULL,
  `PRENOM_CLI` varchar(128) NOT NULL,
  `ADRESSE_CLI` varchar(255) NOT NULL,
  `CODEVILLE_CLI` varchar(128) NOT NULL,
  `TEL_CLI` varchar(128) DEFAULT NULL,
  PRIMARY KEY (`NUM_CLI`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

CREATE TABLE IF NOT EXISTS `demandes` (
  `NUM_DEM` int(11) NOT NULL,
  `NUM_CLI` int(11) NOT NULL,
  `TYPE_DEM` varchar(128) NOT NULL,
  `DATE_LIMITE` date DEFAULT NULL,
  PRIMARY KEY (`NUM_DEM`),
  KEY `I_FK_DEMANDES_CLIENTS` (`NUM_CLI`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

script page formulaire:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>

$(document).ready(function() {
    var $clients = $('#clients');
    var $demandes = $('#demandes');
    // chargement des clients via ajax
    $.ajax({
        url: 'client.php',
        data: 'go', // on envoie $_GET['go']
        dataType: 'json', // on veut un retour JSON
        success: function(json) {
            $.each(json, function(index, value) { // pour chaque noeud JSON
                // on ajoute l option dans la liste
                $clients.append('<option value="'+ index +'">'+ value +'</option>');
            });
        }
    });

    // à la sélection d un client dans la liste
       $clients.on('change', function() {
        var val = $(this).val(); // on récupère la valeur de la demande

        if(val != '') {
           $demandes.empty(); // on vide la liste des demandes

            $.ajax({
                url: 'client.php',
                data: 'NUM_CLI='+ val, // on envoie $_GET['NUM_CLI']
                dataType: 'json',
                success: function(json) {
                    $.each(json, function(index, value) {
                        $demandes.append('<option value="'+ index +'">'+ value +'</option>');
                    });
                }
            });
        }
    });
});

</script>

formulaire:

<form action="/" method="post">
<div class="gauche">
    <fieldset>
    <legend>Séléctionner le client</legend>
    <div>
        <label for="NOM_CLI">Nom client :</label>
        <select id="clients"/>
        <option value="">Selectionner client</option>
    </div>
</select>
</fieldset>

<fieldset>
 <legend> Informations du client</legend>
   <p>Merci de sélectionner le client pour la demande et remplir ces données</p>
    <div class="leftform">
        <div>
            <label for="Num_CLI">Numéro client :</label>
            <input type="text" id="Num" />
          </div>
            <div>

            <label for="NUM_DEM">Prénom client :</label>
            <input type="text" id="Pre" />
        </div>
        <div>
            <label for="Num_DEM">Adresse client :</label>
            <input type="text" id="Adr" />
        </div>
         <div>
            <label for="Num_DEM">Code ville :</label>
            <input type="text" id="CP" />
        </div>
         <div>
            <label for="Num_DEM">Téléphone client :</label>
            <input type="text" id="Tel" />
        </div>
    </div>
      </form>
</fieldset>
</div>
<div class="gauche">
<fieldset>
    <legend>Séléctionner Demande</legend>
    <div>
        <label for="Num_DEM">Numéro demande :</label>
        <select id="demandes" name="demandes"/>
        <option value="">Selectionner demande</option>
    </div>
</select>
</fieldset>
<fieldset>
 <legend>Affecter nouvelle Demande</legend>
   <p>Veuillez insérer une nouvelle demande de location</p>
   <div>
            <label for="TYPE_DEM">Type demande :</label>
            <input type="text" id="Tdem" />
        </div>
        <div>
            <label for="DATE_LIMITE">Date limite :</label>
            <input type="text" id="Dl" />
        </div>
         <div>
            <label for="Num_DEM">Arrondissements demandés :</label>
            <input type="text" id="a1" length"2"/>
            <input type="text" id="a2" length"2"/>
            <input type="text" id="a3" length"2"/>
            <input type="text" id="a4" length"2"/>
        </div>
    </div>

 <fieldset>
 <p>
 <input type="submit" value="Valider la demande" />
 <br>
 <input type="reset" value="Effacer contenu" />
 <br>
 <input type="button" src"" value="Ajouter un nouveau client" />
 <br>
 <input type="button" src"" value="Liste demandes client" />
 <br>
 </p>
 </fieldset>
</select>
</form>

script client.php

<?php 
if(isset($_GET['go']) || isset($_GET['NUM_CLI'])) {
 
    $json = array();
     
    if(isset($_GET['go'])) {
        // requête qui récupère les clients
        $requete = "SELECT * FROM clients ORDER BY NOM_CLI";
    } else if(isset($_GET['NUM_CLI'])) {
        $id = htmlentities(intval($_GET['NUM_CLI']));
        // requête qui récupère les demandes selon les clients
        $requete = "SELECT * FROM demandes WHERE NUM_CLI = ". $id ."";
    }

    // connexion à la base de données
    try {
        $bdd = new PDO('mysql:host=localhost;dbname=locadir', 'root', '');
    } catch(Exception $e) {
        exit('Impossible de se connecter à la base de données.');
    }
    // exécution de la requête
    $resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
     
    // résultats
    while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) {
        
        $json[$donnees['NUM_CLI']][] = utf8_encode($donnees['NOM_CLI']);
    }

    // envoi du résultat au success
    echo json_encode($json);
}
?>

Suis-je dans la bonne direction? Comment dois-je procéder afin d'afficher les informations correspondantes à mon client?

En vous remerciant par avance pour votre aide!