J'ai un petit soucis, j'essaye de faire un validateur de sélection sur deux liste select et j'ai une petite difficulté :

je souhaite verifier si l'utilisateur a bien sélectionné au moins une valeur dans au moins une des deux listes.

Hors, lorsque je veux accéder à ma valeur selectedIndex de l'une ou l'autre liste, si rien n'a été sélectionné j'ai une erreur javascript et je ne peux faire mon traitement :s

code js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
function destcontrol(){
         var liste1= document.getElementById('liste1');
         var liste2= document.getElementById('liste2');
         if(!liste1.options[liste1.selectedIndex].value && !liste2.options[liste2.selectedIndex].value) alert('pas bon');
      }
coté html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<select id="Content:liste1" style="Width:200px;" multiple="multiple" name="Content:liste1" size="5">
<option value="2">option1</option>
<option value="3">option2</option>
<option value="5">option3</option>
</select>
 
<select id="Content:liste2" style="Width:200px;" multiple="multiple" name="Content:liste2" size="5">
<option value="2">option1</option>
<option value="3">option2</option>
<option value="5">option3</option>
</select>