remplir un textarea grace à une liste

Version imprimable

Bonjour,
(re-bonjour grenouille de l'espace au cas ou c'est toi qui répond lOol O_o')
je préférerai remplir un textarea à l'aide d'une liste, j'ai commençais à faire ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <select name="departement" id="depart" onChange="alert(document.getElementById('depart').options[document.getElementById('depart').selectedIndex].value)"> <option value="-1">- - - département - - -</option> <?php while($dep = mysql_fetch_assoc($rech_dep)){ $nom_dep = stripslashes($dep['nom']); $num_dep = $dep['num_dep']; echo "\n\t\t<option value=\"".$num_dep."\">($num_dep) ".$nom_dep."</option>"; } ?> </select> <textarea id="truc" cols="25" rows="10"></textarea>
mais je ne vois pas comment remplir le textarea ç chaque onchange de la liste et puis la possibilité d'effacer (ici un departement) ce qui vient d'être inserer....:bug:

12/07/2007, 17h16
SpaceFrog

coté ergonomie pourquoi pas plutot deux selects liés ...

le second etant non modifiable et se mettant à jour à partir du premier en ajout / suppression
12/07/2007, 17h20
akara

waou wouai wouai, mais est ce que dans la seconde liste on peut supprimer ?
moi je vois pas du tout comment on peut supprimer un département dans la seconde liste

un exemple vite fait :

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
<html>
<head>
 
<script type="text/JavaScript">
 
function ajout(listeDep){
    var existe = 0;
    if(listeDep.options[listeDep.selectedIndex].value == 0){
    }
    else{
        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 = "votre selection";
            document.getElementById('arrive').options[0].value = 0;
            document.getElementById('arrive').options[(document.getElementById('arrive').length)] = option;
        }
        else{
            alert('Cette option est déjà séléctionnée !!!');
        }
    }
}
function enleve(listeArr){
    if(listeArr.options[listeArr.selectedIndex].value == 0){
    }
    else{
        listeArr.options[listeArr.selectedIndex] = null;
    }
    if(document.getElementById('arrive').options.length == 1){
			    document.getElementById('arrive').options[0].text = "Aucune option n'est sélectionnéé !!!";
          		document.getElementById('arrive').options[0].value = 0;
          		}
}
 
</script>
</head>
 
<body>
<table width='90%'>
    <tr>
        <td>Double cliquez pour selectionner<br />
            <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'>Option 1</option>
                <option value='2'>Option 2</option>
                <option value='3'>Option 3</option>
                <option value='4'>Option 4</option>
            </select>
        </td>
        <td>
            Double cliquez pour effacer la selection<br />
            <select name='arrive' id='arrive' size='5' ondblclick="enleve(this)"  style="scrollbar-3dlight-color:red; border: red 1px solid; BACKGROUND-COLOR: #f2f2f2;width:300px">
                <option value='0'>
               Aucune option n'est séléctionnée !!!
            </option>
            </select>
        </td>
    </tr>
</table>
</body>
</html>

12/07/2007, 17h30
akara

:P c'est génial... je vais essayé de faire "à la sauce du boss",
je ne suis qu'un stagiaire, le boss veut une listebox pour les départements, mais je vais faire ce que je peux encore merci :king:

-----éditer---
j'ai remplacé la première liste par une listebox tout simple avec département ...
. voila c'est ce que je voulais savoir...
Mille Merci :king: