Remplir un textarea avec jquery via input text et select
Bonjour à tous,
Désolé... je crains d'avoir encore besoin d'aide....:oops:
Comment faire pour "concaténer" des données que l'on veux insérer dans un textarea...?
Je tente de monter un script qui rempli un textarea, ligne par ligne, chaque ligne étant générée par "un sélecteur d'attribut" (input type="text" et <select>) et construite au fur et à meusre des choix...
Je voudrais pourvoir cummuler l'utilisation du script non pas sur une ligne mais sur plusieurs, pour composer une ordonnance médicale avec plusieurs médicaments...
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
| <!doctype html><html lang="fr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/humanity/jquery-ui.css">
<style>
body {margin:50px;background:#EEE;}
table {margin-left:150px;}
textarea {padding:5px;}
</style>
</head>
<body>
<script charset="utf-8" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script>
// Composition nouvelle Spécialité
$(function() {
$(".prescription").live('change', function () {
ordo_top = $('#Ordo_top').val()+'\n';
var n = $('#Nom').val() !='' ? $('#Nom').val().toUpperCase() : '';
var q = $('#Quant').val() !='0' ? ' .....'+$('#Quant').val() : '';
var g = $('#Galen').val() !='0' ? $('#Galen').val() : '';
var p = $('#Poso').val() !='0' ? ' ..... '+$('#Poso').val() : '';
var d = $('#Duree_ttt').val() !='0' ? ' ..... '+$('#Duree_ttt').val() : '';
var r = $('#Renouv').val() !='0' ? ' ..... A Renouveler '+$('#Renouv').val()+' Fois.' : '';
$('#Ordo_top').val(n+q+g+p+d+r);
});
}); </script>
<table>
<tr>
<td>
<!-- Spécialité -->
<input type="text" name="nom" value="" id="Nom" class="prescription" style="width:200px;text-align:center;" placeholder="Spécialité...ex: Doliprane 1GR" /> </td>
</tr>
<tr>
<td>
<select id="Quant" class="prescription" size="1" name="quantite" style="width:200px;text-align:center;">
<option value="0" selected > --- Quantité --- </option>\n";
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
<option value="4"> 4 </option>
<option value="5"> 5 </option>
<option value="6"> 6 </option>
</select>
</td>
</tr>
<tr>
<td>
<select name="galen" id="Galen" class="prescription" style="width:200px;text-align:center;">
<option value="0"> --- Galénique --- </option>
<option value="appl">appl</option>
<option value="cp">cp</option>
<option value="amp">amp</option>
<option value="gél">gél</option>
<option value="c-à -café (5ml)">c-à -café (5ml)</option>
<option value="dose-poids">dose-poids</option>
<option value="IM">IM</option>
<option value="S/C">S/C</option>
<option value="goutte(s)">goutte(s)</option>
<option value="sachet(s)">sachet(s)</option>
<option value="c-à -soupe (15ml)">c-à -soupe (15ml)</option>
<option value="bouffée(s)">bouffée(s)</option>
<option value="pulvérisation(s)">pulvérisation(s)</option>
<option value="patch / 24h">patch / 24h</option>
<option value="patch /3 j">patch /3 j</option>
<option value="cuil-mes">cuil-mes</option>
<option value="suppo">suppo</option>
</select> </td>
</tr>
<tr>
<td>
<select name="poso" id="Poso" class="prescription" style="width:200px;text-align:center;">
<option value="0"> --- Posologie --- </option>
<option value="le matin à jeun">le matin à jeun</option>
<option value="le matin">le matin</option>
<option value="matin et midi">matin et midi</option>
<option value="matin, midi et soir">matin, midi et soir</option>
<option value="midi et soir">midi et soir</option>
<option value="le midi">le midi</option>
<option value="matin et soir">matin et soir</option>
<option value="le soir">le soir</option>
<option value="le soir au coucher">le soir au coucher</option>
</select> </td>
</tr>
<tr>
<td>
<select name="duree_ttt" id="Duree_ttt" class="prescription" style="width:200px;text-align:center;">
<option value="0"> --- Durée du Ttt. --- </option>
<option value="3j">3j</option>
<option value="4j">4j</option>
<option value="5j">5j</option>
<option value="6j">6j</option>
<option value="7j">7j</option>
<option value="8j">8j</option>
<option value="9j">9j</option>
<option value="10j">10j</option>
<option value="14j">14j</option>
<option value="28j">28j</option>
<option value="1 mois">1 mois</option>
<option value="3 mois">3 mois</option>
<option value="6 mois">6 mois</option>
</select> </td>
</tr>
<tr>
<td>
<select id="Renouv" class="prescription" size="1" name="renouveler" style="width:200px;text-align:center;">
<option value="0" selected > --- Renouveler --- </option>
<option value="1"> 1 Fois </option>
<option value="2"> 2 Fois</option>
<option value="5"> 5 Fois</option>
</select>
</td>
</tr>
</table>
<!-- l'ordonnance -->
<textarea style="width:650px;height:300px;margin:10px 0 0 150px;" name="ordo_top" id="Ordo_top" placeholder="Traitement..."></textarea>
</body>
</html> |
