Discussion :

[10-nice]

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>

[Matthieu2000]

pour une liste

multiple

, il vaut mieux parcourrir tout la liste et vérifier si un option est sélectionné...

ou un

liste1.selectedIndex==-1

[denisC]

Je ne crois pas que la variable selectedIndex existe pour une liste multiple (et le W3C ne pense pas non plus).

Après peut-être que ça marche quand meme, mais c'est pas propre. Il faut arcourir toutes les options de la liste et verifier leurs attributs selected...

[10-nice]

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.selectedIndex <1 && liste2.selectedIndex < 1) alert('pas bon');
      }

Ca fonctionne à merveille merci beaucoup

Me suis un peu planté dans la façon d'accéder à la valeur selected de mon select