Récupérer un champs dans un autre

Version imprimable

Salut, donc voila un script que j'ai trouvé bien pratique mais je dois le modifier pour pouvoir l'utiliser et je suis très nul en javascript (pas seulement qu'en javascript !), bref voila le script :

Code:

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<script language="javascript">
function ajout(listeDep){
    var existe = 0;
    if(listeDep.options[listeDep.selectedIndex].value != 0){
        for(i=1;i< document.getElementById('arrive').length ;i++){
            if(document.getElementById('arrive').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('arrive').options[0].text =
"-- Liste des clients séléctionnés --";
            document.getElementById('arrive').options[0].value = 0;
            document.getElementById('arrive').options[(document.
getElementById('arrive').length)] = option;
        }
        else{
            alert('Cette option est déjà sélectionnée !!!');
        }
    }
}
 
function enleve(listeArr){
    if(listeArr.options[listeArr.selectedIndex].value == 0){
    }
    else{
        listeArr.options[listeArr.selectedIndex] = null;
    }
}
</script>
 
 
<table width="90%">
    <tr>
        <td>
            <select name="depart" size="5" ondblclick="ajout(this)"
style="scrollbar-3dlight-color:red; border: red 1px solid; background-color: #f2f2f2">
                <option value="0">
Double clic pour sélectionner un client
</option>
                <option value="1">Option1</option>
                <option value="2">Option2</option>
                <option value="3">Option3</option>
                <option value="4">Option4</option>
            </select>
        </td>
        <td>
            <select name="depart0" size="5" ondblclick="ajout(this)"
style="scrollbar-3dlight-color:red; border: red 1px solid; background-color: #f2f2f2">
                <option value="0">
Double clic pour sélectionner un client
</option>
                <option value="1">Option5</option>
                <option value="2">Option6</option>
                <option value="3">Option7</option>
                <option value="4">Option8</option>
            </select>
        </td>
        <td>
            &nbsp;</td>
    </tr>
</table>
 
 
<p>
            <select name="arrive" id="arrive" size="5" ondblclick="enleve(this);"
style="scrollbar-3dlight-color:red; border: red 1px solid; background-color: #f2f2f2">
                <option value="0">
Aucune option n'est sélectionnée !!!
</option>

l'objectif est de récupérer la liste dans un autre champs (un quatrième) sous forme de :

Option1 Option2 Option3 ...

Et cela pour lancer une recherche avec un autre script !

Merci

06/07/2009, 00h31
emmanuel.remy
Salut,

Avant toute chose, je ne sais pas où tu as récupéré ce script, mais le
Code:

1 2 3 if(existe == 1){ existe = 1; }
est de pure anthologie ;)

Si je résume tu disposes de trois listes et tu souhaites récupérer ce qui est sélectionné dans chaque liste par double clic ? Et tu veux récupérer cette sélection dans une zone de saisie ? Ou dans une quatrième liste ?

ERE
06/07/2009, 01h53
jazz3210

Donc je m'explique, le visiteur doit choisir plusieurs options dans la première et la deuxième liste qui s'affichent dans la troisième et là je dois les récupérer dans un quatrième champs mais dans celui la toutes les options cumuler dans le 3eme doivent être aligner horizontalement séparer d'espace (option1 option2 option3...)

Citation:

<input name="x" type="text" value="y">

effectivement je veux les récupérer dans une zone de saisie

:cry:

J'ai ajouté une fonction qui liste les éléments de "arrive" dans ta zone de saisie:

Code:

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<script language="javascript">
    function listeElements() {
      var result ="";
      var sel = document.getElementById("arrive");
      for (var i=0; i<sel.options.length;i++) {
        result += " " + sel.options[i].text;
      }
      document.getElementById("x").value=result;
    }
    
function ajout(listeDep){
    var existe = 0;
    if(listeDep.options[listeDep.selectedIndex].value != 0){
        for(i=1;i< document.getElementById('arrive').length ;i++){
            if(document.getElementById('arrive').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('arrive').options[0].text =
"-- Liste des clients séléctionnés --";
            document.getElementById('arrive').options[0].value = 0;
            document.getElementById('arrive').options[(document.
getElementById('arrive').length)] = option;

listeElements();

        }
        else{
            alert('Cette option est déjà sélectionnée !!!');
        }
    }
}
 
function enleve(listeArr){
    if(listeArr.options[listeArr.selectedIndex].value == 0){
    }
    else{
        listeArr.options[listeArr.selectedIndex] = null;
    }
    listeElements();
}
</script>
 
 
<table width="90%">
    <tr>
        <td>
            <select name="depart" size="5" ondblclick="ajout(this)"
style="scrollbar-3dlight-color:red; border: red 1px solid; background-color: #f2f2f2">
                <option value="0">
Double clic pour sélectionner un client
</option>
                <option value="1">Option1</option>
                <option value="2">Option2</option>
                <option value="3">Option3</option>
                <option value="4">Option4</option>
            </select>
        </td>
        <td>
            <select name="depart0" size="5" ondblclick="ajout(this)"
style="scrollbar-3dlight-color:red; border: red 1px solid; background-color: #f2f2f2">
                <option value="0">
Double clic pour sélectionner un client
</option>
                <option value="1">Option5</option>
                <option value="2">Option6</option>
                <option value="3">Option7</option>
                <option value="4">Option8</option>
            </select>
        </td>
        <td>
            &nbsp;</td>
    </tr>
</table>
 
 
<p>
            <select name="arrive" id="arrive" size="5" ondblclick="enleve(this);"
style="scrollbar-3dlight-color:red; border: red 1px solid; background-color: #f2f2f2">
                <option value="0">
Aucune option n'est sélectionnée !!!
</option>
</select>
<input name="x" type="text" value="y">

Bon dev,
ERE

06/07/2009, 02h29
jazz3210

Merci beaucoup :ccool: