Selection a partir d'un menu déroulant vers un champs

Salut a tous

Voila étant carrément un ignorant en javascript, je cherche un petit scripte qui me permettrais de faire un choix d'une valeur dans une liste déroulante, cliquez sur ajouter.
Alors le diminutif de cette valeur s'ajoute a un champs se trouvant dessous.

plusieurs choix de valeur serait possible et les valeur serait séparé par une virgule.

Le scripte ressemble a celui-ci (Scripte du plugin TAG de Dotclear), mais il ne sont pas en forme de liste déroulante mais en lien.

Est-ce qu'une ame charitable pourrai m'aidez a mettre les choix dans une liste déroulante, puis cliquez sur un bouton pour l'ajouter au champs

Merci

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

// JavaScript Document <script type="text/javascript"> // fonction function twTags_add(tag) { lt = document.getElementById('twtags').list_tags; if (lt.value != '') lt.value += ', ' + tag; else lt.value = tag; } </script> // le champ <div id="tagBox" class="moreOptions"> <form method="post" id="twtags" action="tools.php?p=twtags&amp;post_id=15&amp;gmi=1" onsubmit="formSubmit=true;"> <p class="field"><label for="list_tags"><strong>Tags définis</strong></label> <input type="text" size="80" name="list_tags" id="list_tags" maxlength="256" class="max" /></p>   // les valeur a ajoutées <p class="field"><label class="inline" for="new_tags">Associer un nouveau tag&nbsp;:</label> <a href="#twtags" onclick="twTags_add('V1'); return false;">Valeur 1</a>, <a href="#twtags" onclick="twTags_add('V2'); return false;">Valeur 2</a>, <a href="#twtags" onclick="twTags_add('V3'); return false;">Valeur 3</a>, <a href="#twtags" onclick="twTags_add('V4'); return false;">Valeur 4</a>, <a href="#twtags" onclick="twTags_add('V5'); return false;">Valeur 5</a>, <a href="#twtags" onclick="twTags_add('V6'); return false;">Valeur 6</a>, <a href="#twtags" onclick="twTags_add('V7'); return false;">Valeur 7</a>, <a href="#twtags" onclick="twTags_add('V8'); return false;">Valeur 8</a>, <a href="#twtags" onclick="twTags_add('V9'); return false;">Valeur 9</a>, <a href="#twtags" onclick="twTags_add('V10'); return false;">Valeur 10</a></p> <p class="field"><input class="submit" type="submit" value="enregistrer" /></p> <input type="hidden" name="dctoken" value="f77dc720e4ec236144121e36805a6daf" /></form></div>

---

En demandant bidouillant un peu j'ai trouvé la solution, je l'ajoute ici si d'autre personne veulent l'utilisé

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

<script type="text/javascript"> function twTags_add(tag) { lt = document.getElementById('list_tags'); if (lt.value != '') { // recuperation et trasformation des tags tags = lt.value.split(', '); for (var i=0; i<tags.length;i++) { if (tags[i] == tag) { tag = '' ; alert('Cette option est déjà séléctionnée !!!'); break;} } if (tag) lt.value += ', ' + tag; } else lt.value = tag; } </script> // les valeur a ajoutées <p class="field"><label class="inline" for="new_tags">Associer un nouveau tag&nbsp;:</label> <a href="#twtags" onclick="twTags_add('V1'); return false;">Valeur 1</a>, <a href="#twtags" onclick="twTags_add('V2'); return false;">Valeur 2</a>, <a href="#twtags" onclick="twTags_add('V3'); return false;">Valeur 3</a>, <a href="#twtags" onclick="twTags_add('V4'); return false;">Valeur 4</a>, <a href="#twtags" onclick="twTags_add('V5'); return false;">Valeur 5</a>, <a href="#twtags" onclick="twTags_add('V6'); return false;">Valeur 6</a>, <a href="#twtags" onclick="twTags_add('V7'); return false;">Valeur 7</a>, <a href="#twtags" onclick="twTags_add('V8'); return false;">Valeur 8</a>, <a href="#twtags" onclick="twTags_add('V9'); return false;">Valeur 9</a>, <a href="#twtags" onclick="twTags_add('V10'); return false;">Valeur 10</a></p> <p class="field"><input class="submit" type="submit" value="enregistrer" /></p> <input type="hidden" name="dctoken" value="f77dc720e4ec236144121e36805a6daf" /></form></div>

---

Mais j'aimerai ajouté un boutont qui permettra de suprimé un choix si l'utilisateur c'est planté

Voila ce que j'ai fait, mais ça ne fonctionne pas

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

// Pour supprimer une valeur <script type="text/javascript"> function twTags_sup(tag) { lt = document.getElementById('list_pr'); if (lt.value != '') { // recuperation et trasformation des tags tags = lt.value.split('-'); for (var i=0; i<tags.length;i++) { if (tags[i] == tag) {lt.value += - tag ; break;} } if (tag) lt.value -= '-' - tag; } else lt.value = tag; } </script>

---

Mais quand je clique sur [-] j'ai la valeur NaN qui s'affiche
Coment faire SVP