Modif select avec onchange et lecture

**michelp3** · 26/04/2010, 18h13

Bonjour,

Je patauge depuis un certain temps avec ce problème: j'essaie de modifier un code trouvé dans un bouquin

1) un formulaire

2) un select dans lequel je mets quelques options imbriquées c'est à dire si la balise parente est sélectionnée, l'option imbriquée l'est également. l'inverse n'est pas vrai.

3) problème : je voudrais récuperer les options sélectionnées et les lire dans une fonction resultats()

LA SELECTION IMBRIQUEE SE FAIT NORMALEMENT MAIS JE NE PARVIENS PAS A RECUPERER LES OPTIONS CHOISIES DANS resultats() lorsque j'appuie sur envoyer

Je m'interroge égélement sur l'utilité de return false dans la fonction checkSelect()

voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>sélection</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
 
 
window.onload = setupEvents;
function setupEvents(evnt) {
   document.someForm.selectOpts.onchange = checkSelect;
 
}
 
 
function checkSelect() {
 
   opts = document.someForm.selectOpts.options;
   for (var i = 0; i < opts.length; i++) {
      if (opts[i].selected) {
          switch(opts[i].value) {
            case "Opt1" : opts[i + 1].selected = true;
                          break;
            case "Opt3" : opts[i + 1].selected = true;
                          break;
            case "Opt4" : opts[i + 1].selected = true;
                          break;
          }
      }
   }
 
   // pas de traitement côté serveur
   return false;
}
 
function resultats() 
{
 
}
 
   //]]>
</script>
</head>
<body>
<form name="someForm"  onSubmit="resultats()" >
<select name="selectOpts"   multiple onchange = "checkSelect()"   >
<option value="Opt1">Option Un</option>
<option value="Opt1a"> -- Option Un A</option>
<option value="Opt2">Option Deux</option>
<option value="Opt3">Option Trois</option>
<option value="Opt3a"> -- Option Trois A</option>
<option value="Opt4">Option Quatre</option>
<option value="Opt4a"> -- Option Quatre A</option>
<option value="Opt5">Option Cinq</option>
</select>
 
<input type="submit" value="Envoyer"  />
</form>
</body>
</html>

**SpaceFrog** · 26/04/2010, 18h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onsubmit="return resultats()"

**michelp3** · 27/04/2010, 09h13

Je tiens compte de la remarque mais je voudrais en savoir plus sur la fonction resultats()
Voici ce que j'ai essayé mais sans succès, je ne parviens pas à récupérer les valeurs sélectionnées par la fonction checkSelect()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
function resultats() {
resul = document.someForm.selectOpts.options;
   for (var i = 0; i < resul.length; i++) {
      if (resul[i].selected)
	   {
        		alert("choix : " + resul[i].selected.value + " " + resul[i].selected.text);
       }
	   else 
	   {
	   alert("rien");
	   }
                                       }   
}

**Matthieu2000** · 27/04/2010, 15h05

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 
alert("choix : " + resul[i].value + " " + resul[i].text);

**SpaceFrog** · 27/04/2010, 15h27

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert("choix : " + resul[i].selected.value + " " + document.someForm.selectOpts[document.someForm.selectOpts.selectedIndex].innerHTML);

**michelp3** · 27/04/2010, 17h32

Mattieu 2000 a raison: il y a une erreur dans mon code : selected est en trop. Cependant , cela ne résout pas le problème

Space froq aussi a raison: cela me donne une sélection mais pas la sélection imbriquée....je peux ajouter 1 pour l'obtenir --> OK

Mais , il reste à résoudre le cas où la sélection est mutiple ...une idée ?

Merci pour les conseils précédents

Modif select avec onchange et lecture

JavaScript

Vue hybride

Discussions similaires

Partager

Partager