Javascript到Jquery，在输入onclick中添加文本

如何将此javascript代码更改为JQuery

<script type="text/javascript">
   function addTextTag(text){
    document.getElementById('text_tag_input').value += text;
   }        
</script>

函数addTextTag（文本）{
document.getElementById（'text\u tag\u input'）。value+=text；
}        

当用户单击链接文本时，会自动将其添加到输入中

这是HTML：

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

<div class="tags_select">
    <a href="#" onClick="addTextTag('text1, '); return false">text1</a>
    <a href="#" onClick="addTextTag('text2, '); return false">text2</a>
    <a href="#" onClick="addTextTag('text3, '); return false">text3</a>
</div>

下面是演示：

$（函数（）{
$（'.tags_select a'）。单击（function（）{
var值=$（this.text（）；
变量输入=$（“#文本_标记_输入”）；
val（input.val（）+value+'，'）；
返回false；
});
});

以及您的标记：

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

---

这里有一个没有内联javascript的完全jQuery：

JavaScript:

$('a').click(function(){
    $('#text_tag_input').val($('#text_tag_input').val()+$(this).html()+', ');
});
​

HTML:

​

有关步骤的一些注释：

• 已经选择要设置值的输入，这样您就不必一直重新查询它：

  var$tagsInput=$（“#text_tag_input”）。如果jQuery中的ID选择器是散列标记选择器，那么它将替换
  document.getElementById
  

• 将click事件绑定为.click（），用于类为“tags_select”的元素内的链接：`$（'.tags_select a'）。单击（…）``

• 要附加值，与其使用jquery方法获取和设置输入值，不如使用

  $tagsInput

  上的

  [0]

  获取本机DOM元素，并使用属性

  值的
  +=
  符号
  

代码如下：

// select already you input element for re-use
var $tagsInput = $('#text_tag_input');

// bind a click event to links within ".tags-select" element
$('.tags_select a').click(function() {
    // append link text to the input field value
    $tagsInput[0].value += $(this).text();
    return false;
});

进一步阅读：

---

替换文本输入中的文本，而不是追加新文本。使用

.text（）

而不是

.html（）

也可能是个好主意，以防锚点中有其他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>​

// select already you input element for re-use
var $tagsInput = $('#text_tag_input');

// bind a click event to links within ".tags-select" element
$('.tags_select a').click(function() {
    // append link text to the input field value
    $tagsInput[0].value += $(this).text();
    return false;
});