Bonjour tout le monde,

je développe actuellement un application dans laquelle j'utilise plusieurs listes déroulantes liées.
Le problème est récurrent sur le web mais je n'a pu résoudre mon cas que partiellement.

Ayant deux listes déroulantes

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<label for="identifiant">Identifiant<span class="requis">*</span></label>
<select name="identifiant" id="identifiant" onchange=submit() style="width:200px" >
	<option value="" disabled="disabled" selected="selected"></option>
	<option value="1" ${personne.identifiant== 1 ? 'selected' : ''}>1</option>
	<option value="2" ${personne.identifiant == 2 ? 'selected' : ''}>2</option>
	<option value="3" ${personne.identifiant == 3 ? 'selected' : ''}>3</option>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<label for="nom">Nom<span class="requis">*</span></label>
<select name="nom" id="nom" style="width:100px">
<option value="" disabled= "disabled" selected="selected"></option>
<c:forEach items= "${nom}" var="pers">
     <option value="${pers.key}" ${personne.nom == pers.key? 'selected' : ''}>${pers.value}</option> --%>
     </c:forEach>
     </select>
Dans la première liste déroulante, le onchange=submit() me permet de récupérer la deuxième liste déroulante et de la transmettre à la jsp.
Les premiers éléments de mes listes sont des "null" pour qu'au démarrage, les listes n'affichent aucune valeur.

Le chargement de la liste 2 se fait correctement par contre lorsque je change la valeur de la liste 1, la liste repasse à null.
Je voudrais qu'elle garde la même valeur qu'elle avait précédemment si la nouvelle liste chargée contient cette valeur. Sinon elle passe à null.

Comment je dois faire svp?
Merci d'avance pour votre aide, il s'agit d'un projet que je dois rendre très bientôt