Discussion :

[minusette]

Bonjour,
J'ai un petit problème de récupération des données d'une liste déroulante.
je me suis très largement inspirée de la FAQ pour voir ce que donnait de faire une première liste dans laquelle on a une dizaine de choix, parmi lesquels on doit en fait 5 au max qui s'inscrive dans une seconde liste.
Voici la fonction, à peine corrigée que l'on peut trouver dans la FAQ :

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
function ajout(listeDep){
    var existe = 0;
    if(listeDep.options[listeDep.selectedIndex].value == 0){
    }
    else{
        for(i=1;i< document.getElementById('choix').length ;i++){
            if(document.getElementById('choix').options[i].text == listeDep.options[listeDep.selectedIndex].text){
                existe = 1;
            }
            else{
                if(existe == 1){
                    existe = 1;
                }
                else{
                    existe = 0;
                }
            }
        }
           if(existe == 0){
            var option = new Option(listeDep.options[listeDep.selectedIndex].text,listeDep.options[listeDep.selectedIndex].value);  
            document.getElementById('choix').options[0].text = "-- Liste des fonctions séléctionnées --";
            document.getElementById('choix').options[0].value = 0;
              while(document.getElementById('choix').length < 6) { 
                document.getElementById('choix').options[(document.getElementById('choix').length)] = option;
                }
       }  
           else{
               alert('Cette fonction est déjà séléctionnée !!!');
           }
    }
}

Ensuite, j'ai mon formulaire html comme suit :

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
<table >    
    <TD width='12%' align='left'>
            <select name='tt_choix' size='10' ondblclick='ajout(this)' >
                <option value='choix1'>choix1</option>
                <option value='choix2'>choix2</option>
                <option value='choix3'>choix3</option>
                <option value='choix4'>choix4 </option>
                <option value='choix5'>choix5 </option>
                <option value='choix6'>choix6</option>
                <option value='choix7'>choix7</option>
                <option value='choix8'>choix8</option>
                <option value='choix9'>choix9</option>
            </select>
        </TD>
        <TD >
            <select name='choix' id='choix' size='6' >
            </select>
        </TD>
    </TR>

Tout marche comme il faut à l'affichage. J'ai bien mes infos qui passent d'une fenêtre à l'autre.
Mon problème est le suivant : je récupère les données du formulaire, donc de la seconde fenêtre, via un script perl :

Code :

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

1
2
3
4
5
6
@tbl=param('choix');
$chx_1=$tbl[0];
$chx_2=$tbl[1];
$chx_3=$tbl[2];
$chx_4=$tbl[3];
$chx_5=$tbl[4];

Or en fait, il ne récupère rien... La variable @tbl est vide...
Est-ce que quelqu'un a une idée du pourquoi du comment ?
Merci beaucoup.

[javatwister]

"fenêtres"?

tu ouvres plusieurs fenêtres?

[siddh]

attention, un select ne te retourne que l'element selectionné, si tu veux un choix multiple, il faut rajouter multiple="multiple" dans ta balise select et aller faire des selections a la souris dedans.
(et peut etre mettre des [] dans le nom du select mais je connais pas ton langage coté serveur)

[minusette]

attention, un select ne te retourne que l'element selectionné, si tu veux un choix multiple, il faut rajouter multiple="multiple" dans ta balise select

Je m'en doutais un peu que le select ne prenait qu'une réponse... Mais là il n'en prend aucune... même avec multiple="multiple" !
Galère !

Pour répondre à javatwister : le terme de "fenêtre" est mal choisi. Disons, qu'il s'agit de deux zones de liste, comme sur l'image jointe.

Moi, je voudrais qu'il ne retienne que les choix de l'encart de droite (choix5, choix2, choix8,choix9, dans ce cas) et me les transmette avec le submit du formulaire. Seulement il ne transmet rien...
Des idées ?
Merci.

[siddh]

ben faut en selectionner une sinon ca renverra rien
met le selected de tes options a true

[minusette]

J'ai compris ce qu'il se passe !!! C'est qu'en fait, comme je croyais bêtement qu'il allait me prendre toutes les options de mon second encart(vu que c'est ce que je viens de sélectionner un à un dans le premier), je ne les sélectionnais pas (une seconde fois) à la souris dans la zone de droite...

Alors question subsidiaire : comment faire pour ne pas être obligé de surligner à la souris, les options que l'on vient déjà de choisir !

Merci à ceux qui auront des idées !

PS : merci à siddh pour le 'multiple' !!! ca aide

[siddh]

ben faut en selectionner une sinon ca renverra rien
met le selected de tes options a true

[minusette]

Ca y est j'ai trouvé !!!!
En effet il faut mettre 'selected' dans les options,mais comment ? Si on regarde la partie correspondante à cet encart dans l'HTML, on n'a pas accès aux options, puisque elles s'inscrivent au fur et à mesure des choix sélectionnés. C'est donc bien dans le Javascript qu'il faut intervenir.
Et c'est surtout à ce niveau :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
           if(existe == 0){
            var option = new Option(listeDep.options[listeDep.selectedIndex].text,listeDep.options[listeDep.selectedIndex].value);  
            document.getElementById('choix').options[0].text = "-- Liste des fonctions séléctionnées --";
            document.getElementById('choix').options[0].value = 0;
              while(document.getElementById('choix').length < 6) { 
                document.getElementById('choix').options[(document.getElementById('choix').length)] = option;
                }
       }  
           else{
               alert('Cette fonction est déjà séléctionnée !!!');
           }

En fait pour être sûr que ce qu'on a sélectionné une première fois soit sélectionné définitivement, il faut ajouter deux petite chose dans la définition de la nouvelle option :

Code :

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

1
2
3
     
 
var option = new Option(listeDep.options[listeDep.selectedIndex].text,listeDep.options[listeDep.selectedIndex].value,true,true );

Voilà, vous savez tout !
Merci pour votre aide.