remplir un textarea grace à une liste

**akara** · 12/07/2007, 17h06

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 :

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

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....

**SpaceFrog** · 12/07/2007, 17h16

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

le second etant non modifiable et se mettant à jour à partir du premier en ajout / suppression

**akara** · 12/07/2007, 17h20

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

**SpaceFrog** · 12/07/2007, 17h25

un exemple vite fait :

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
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>

**akara** · 12/07/2007, 17h30

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

-----é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

remplir un textarea grace à une liste

JavaScript

Vue hybride

Discussions similaires

Partager

Partager