Liaison de 2 listes

Salut..
j'aimerais rendre 2 listes liées
voici ma premiere liste :

Code:

1
2
3
4
5
6
7
8
<select name="listeFournisseurs" id="listeFournisseurs" >
                                <option value="" disabled selected>Choisissez un fournisseur...</option>
                                <%-- Boucle sur la map des fournisseurs --%>
                                <c:forEach items="${ fournisseurService.findAll() }" var="fournisseurs">                                    
                                    <option value="${ fournisseurs.idFournisseur }">${fournisseurs.nom } : ${ fournisseurs.description }</option>
                                    <c:set var="var1" value="${ fournisseurs.idFournisseur }" scope="request" />
                                </c:forEach>
                            </select>

ma seconde liste :

Code:

1
2
3
4
5
6
7
8
9
<select  name="listeProduits" id="listeProduits" size="5" >
                            <option value="" disabled>Choisissez un produit...</option>
 
                            <%-- Boucle sur la liste des produits --%>
                            <c:forEach items="${ fournisseurService.findById(var1).getProduits() }" var="produits">
                                <%--  L'expression EL ${ produits.description } permet de cibler la desc de  l'objet Produit stocké dans la liste--%>
                                <option value="${ produits.idProduit }">${produits.description }</option>
                            </c:forEach>
                        </select>

je sais que je dois utiliser une fonction javascript pour liée les 2 listes.. je suis pas douée en javascript..
merci de vos suggestions et solutions d'avance

Slt,

regardes du coté de l'AJAX ICI par exemple

++

mercii..