Ajouter du texte au champ de saisie en utilisant le lien hypertexte de texte

Question

Ce sera probablement une question fictive mais je ne trouve pas de solution pour cela.

Nous avons morceau de code:

<script type="text/javascript"> 
     $(function() { 
      $('.tags_select a').click(function() { 
       var value = $(this).text(); 
       var input = $('#text_tag_input'); 
       input.val(input.val() + value + ', '); 
       return false; 
      }); 
     }); 
</script> 

et HTML:

<input id="text_tag_input" type="text" name="tags" /> 

<div class="tags_select"> 
<a href="#">text1</a> 
<a href="#">text2</a> 
<a href="#">text3</a> 
</div> 

la question suit - lorsque je clique sur le lien text1, puis texte2 etc. tout semble en entrée. Ce que je veux réaliser est d'afficher seulement une variable (dans ce cas, le plus récent, dernier cliqué).

merci!

Answer 1

Cela devrait fonctionner pour vous

<script type="text/javascript"> 
    $(function() { 
     $('.tags_select a').click(function() { 
      $('#text_tag_input').val(""); 
      var value = $(this).text(); 
      var input = $('#text_tag_input').val(value); 
      return false; 
     }); 
    }); 
</script> 

<input id="text_tag_input" type="text" name="tags" /> 
<div class="tags_select"> 
    <a href="#">text1</a> 
    <a href="#">text2</a> 
    <a href="#">text3</a> 
</div> 

Answer 2

Utilisation:

input.val(value); 

au lieu de:

input.val(input.val() + value + ', '); 

Answer 3

input.val(input.val() + value + ', ') 

Qu'est-ce qui fait est de définir la valeur de votre entrée = (valeur actuelle de l'entrée + valeur cliquée + ',')

input.val(value) 

Le code ci-dessus définit simplement la valeur d'entrée à la valeur cliquée.

---

Cependant, si vous ne voulez pas enlever quoi que ce soit dans votre code, vous pouvez simplement ajouter

input.val('') avant d'appeler input.val(input.val() + value + ', ').