recuperer valeur liste choix multiple

**gabychon** · 13/06/2005, 11h16

bonjour,

j'utilise une liste a choix multiple TabCom[] dans mon formulaire form.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
	<td><select name="TabCom[]" size="12" multiple="multiple">
	<?
	 $query = "select * from $commune order by nom;";
	 if($result = mysql_query($query)) {
		while($ligne = mysql_fetch_array($result)){
			$code = $ligne['code_commune']; 	
			$nom = $ligne['nom'];
			echo "<option value=\"$code\">$nom</option>";	
			}
		} 
	?>
	</select>

Je voudrais savoir si l'utilisateur a selectionner plus de 2 choix dans la liste en javascript, comment faire???

**SpaceFrog** · 13/06/2005, 11h21

fais un alert de la value tu comprendras ...

**gabychon** · 13/06/2005, 11h23

bin justement je sais pas comment on recupere les valeurs selectionner dans une liste en javascript.

Code :

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

1
2
3
4
5
6
7
for (i=0;i<document.form.TabCom.length;i++)
			{
				if (document.form.TabCom.options[i].selected)
				{ 
				alert(document.form.TabCom.options[i].value);
				} 
			}

ce code ne marche pas, jpense que ca vient du fait que j'ai mis TabCom[] comme nom mais apres j'ai besoin de TabCom pour recupérer les valeurs en PHP.

**SpaceFrog** · 13/06/2005, 12h07

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
 
<script type="text/javascript">
function showval(){
var selValue='';
for (i=0;i<document.myform.TabCom.options.length;i++)
         { if (document.myform.TabCom.options[i].selected)
            	{selValue+=document.myform.TabCom.options[i].value+";";}
         }
alert(selValue)
        }
</script>
</head>
 
<body>
<form name="myform">
<select name='TabCom'  multiple>
<option value="1">1</option>
<option value="2">1</option>
<option value="3" >1</option>
<option value="4">1</option>
<option value="5">1</option>
<option value="6">1</option>
<option value="7">1</option>
<option value="8">1</option>
<option value="9">1</option>
</select>
</form>
 
<input type="button" onclick="showval();">
</body>
</html>

**gabychon** · 13/06/2005, 12h20

et si ma liste s'appelle TabCom[] ???

**SpaceFrog** · 13/06/2005, 12h27

C'est pour tester sur le onsubmit ???
quel est le but de la maneouvre ...
si c'est pour un traitement coté serveur il recupère TabCom[] en tant que tableau...
sinon il faut doubler le name avec une id ...

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
<script type="text/javascript">
function showval(){
var selValue='';
for (i=0;i<document.getElementById('TabCom').options.length;i++)
         { if (document.getElementById('TabCom').options[i].selected)
            	{selValue+=document.getElementById('TabCom').options[i].value+";";}
 
         }
alert(selValue)
        }
</script>
</head>
 
<body>
<form name="myform">
<select name='TabCom[]'  id='TabCom' multiple>
<option value="1">1</option>
<option value="2">1</option>
<option value="3" >1</option>
<option value="4">1</option>
<option value="5">1</option>
<option value="6">1</option>
<option value="7">1</option>
<option value="8">1</option>
<option value="9">1</option>
</select>
</form>
 
<input type="button" onclick="showval();">
</body>
</html>

**gabychon** · 13/06/2005, 12h37

c'est bon j'utilise document.form.elements[1].options[0].selected = true;
et ca marche bien

**SpaceFrog** · 13/06/2005, 12h47

C'est pour tester sur le onsubmit ???
quel est le but de la maneouvre ...
si c'est pour un traitement coté serveur il recupère TabCom[] en tant que tableau...
sinon il faut doubler le name avec une id ...

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
<script type="text/javascript">
function showval(){
var selValue='';
for (i=0;i<document.getElementById('TabCom').options.length;i++)
         { if (document.getElementById('TabCom').options[i].selected)
            	{selValue+=document.getElementById('TabCom').options[i].value+";";}
 
         }
alert(selValue)
        }
</script>
</head>
 
<body>
<form name="myform">
<select name='TabCom[]'  id='TabCom' multiple>
<option value="1">1</option>
<option value="2">1</option>
<option value="3" >1</option>
<option value="4">1</option>
<option value="5">1</option>
<option value="6">1</option>
<option value="7">1</option>
<option value="8">1</option>
<option value="9">1</option>
</select>
</form>
 
<input type="button" onclick="showval();">
</body>
</html>

recuperer valeur liste choix multiple

JavaScript

Vue hybride

Discussions similaires

Partager

Partager