Liste déroulante multiple ne renvoit qu'une seule valeur

**bobic** · 16/11/2008, 13h24

Bonjour à tous,

Je ne pensais pas venir un jour dans la rubrique HTML pour poser une question, mais me voilà...

Mon problème est en fait fort simple:
J'ai fait un select multiple, afin de pouvoir sélectionner plusieurs valeurs.

Le problème est que lors du submit, lorsque je regarde ce que contient mon post (à l'aide de php), je n'ai qu'une seule valeur, la dernière de la liste pour être exact

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 <SELECT NAME="jeux" SIZE="4" multiple="MULTIPLE">
<OPTION VALUE="dd">Destruction Derby</OPTION>
<OPTION VALUE="racer">Moto Racer</OPTION>
<OPTION VALUE="doom" SELECTED>Doom</OPTION>
<OPTION VALUE="duke">Duke Nukem</OPTION>
<OPTION VALUE="quake">Quake</OPTION>
<OPTION VALUE="civ" SELECTED>Civilisation</OPTION>
<OPTION VALUE="sim">Sim City</OPTION>
</SELECT>

J'ai repris pour l'exemple le code d'un tuto, même s'il est pas valide (majuscules), mais, le mien, est construit avec un JS. Au départ, je croyais que c'était mon JS qui posait problème, mais le code au dessus aussi pose ce problème...

C'est incroyable,...

**Auteur** · 16/11/2008, 14h23

bonjour,

pour les listes à sélection multiple tu dois réaliser une boucle sur les options et vérifier celles qui sont sélectionnées :

Code html :

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
 
<html>
 
<head>
 
<title></title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr">
 
 
<script type="text/javascript">
<!--  
function selecListe()
{
  var liste = document.getElementById("idJeux");
  var nopt = liste.options.length;
  var i, valeurs;
  
  valeurs = "";
  for (i=0; i<nopt; i++)
  {
    if (liste.options[i].selected)
    {
      valeurs = valeurs + liste.options[i].value+" ; ";
    }
  }
  alert(valeurs);
 
}
//-->
</script>
 
</head>
 
<body>
 
<select id="idJeux" name="jeux" size="4" multiple="multiple">
  <option value="dd">destruction derby</option>
  <option value="racer">moto racer</option>
  <option value="doom" selected>doom</option>
  <option value="duke">duke nukem</option>
  <option value="quake">quake</option>
  <option value="civ" selected>civilisation</option>
  <option value="sim">sim city</option>
</select>
 
<input value="cliquez ici" type="button" onclick="selecListe()">
 
 
</body>
 
</html>

j'ai donné un id à ta liste

**bobic** · 17/11/2008, 00h06

merci pour ta réponse

Le Javascript permettant de vérifier le formulaire fonctionne en effet, mais si je rajoute un submit à mon formulaire, la requête post ne comprend que la dernière valeur de la liste

C'est curieux quand même ça...

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
 
<html>
 
<head>
 
<title></title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr">
 
 
<script type="text/javascript">
<!--  
function selecListe()
{
  var liste = document.getElementById("idJeux");
  var nopt = liste.options.length;
  var i, valeurs;
 
  valeurs = "";
  for (i=0; i<nopt; i++)
  {
    if (liste.options[i].selected)
    {
      valeurs = valeurs + liste.options[i].value+" ; ";
    }
  }
  alert(valeurs);
 
}
//-->
</script>
 
</head>
 
<body>
 
<form action="" method="post"> 
<select id="idJeux" name="jeux" size="4" multiple="multiple">
  <option value="dd">destruction derby</option>
  <option value="racer">moto racer</option>
  <option value="doom" selected>doom</option>
  <option value="duke">duke nukem</option>
  <option value="quake">quake</option>
  <option value="civ" selected>civilisation</option>
  <option value="sim">sim city</option>
</select>
 
<input value="cliquez ici" type="button" onclick="selecListe()">
 
<input type="submit"/>
 
</form>
<?php
print_r($_POST);
 
?>
 
</body>
 
</html>

**bobic** · 17/11/2008, 00h08

Arf... bin voilà, idée de génie: je viens de me dire, vu qu'il y a une liste de valeur, pourquoi ne pas indiquer un tableau en nom pour la liste

Code :

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

1
2
 
<select id="idJeux" name="jeux[]" size="4" multiple="multiple">

Et là, bingo !!
Très con comme truc

Liste déroulante multiple ne renvoit qu'une seule valeur

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager