Liste déroulante dépendante d'une autre

Bonjour,
J'ai une base de données contenant ID, Famille, Référence... ma 1ere liste déroulante choisie la Famille et la 2e choisie la référence. Je souhaiterais, lorsque je choisi une famille (ex : brother), que la 2e liste affiche les références pour cette marque.
J'ai déjà ceci :

<table>
 <tr>
  <td style="width: 8%; margin-left: 3%;"><form method="post" action="traitement.php">
     <p style="text-align: left;">
      <label for="Famille"><strong>Famille</strong></label><br/>
    <select name="Famille" id="Famille">
     <option value=""></option>
        <?php       
       // Selectionner toute la BDD gestion
       $reponse = $bdd->query('SELECT DISTINCT Famille FROM produits');

       // On affiche chaque entrée une à une (boucle)
       while ($donnees = $reponse->fetch())
       {
      ?> 
     <option value=""><?php echo $donnees['Famille'];?></option>
      <?php
       }
       // Termine le traitement de la requête
       $reponse->closeCursor(); 
      ?>
    </select>
     </p>       
  </form></td>
  <td style="width: 10%; margin-left: 3%;"><form method="post" action="traitement.php">
     <p style="text-align: left;">
      <label for="Reference"><strong>Reference</strong></label><br/>
      <select name="Reference" id="Reference">
     <option value=""></option>
        <?php
      
      // Selectionner toute la BDD gestion
      $reponse = $bdd->query('SELECT DISTINCT Reference FROM produits WHERE Famille="BROTHER"');
      
      // On affiche chaque entrée une à une (boucle)
      while ($donnees = $reponse->fetch())
      {
     ?>    
     <option value=""><?php echo $donnees['Reference'];?></option>
     <?php
      }        
      // Termine le traitement de la requête
      $reponse->closeCursor(); 
     ?>
      </select>
     </p>
  </form></td>
</table>

EDIT : Ajout du LANGAGE dans les balises de code (la coloration syntaxique). Explications disponibles ici :ICI Merci d'y penser dans tes prochains messages. Jordane45

merci de votre aide