Javascript到Jquery，在输入onclick中添加文本 [英] Javascript to Jquery, add text in input onclick

问题描述

如何将此javascript代码更改为JQuery.

How can I change this javascript code to JQuery.

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

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

When a user click the link text automaticaly is added in input.

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

这里是演示: http://jsfiddle.net/Smartik/j8qGT/

Here is the demo: http://jsfiddle.net/Smartik/j8qGT/

推荐答案

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

和您的标记:

<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，在输入onclick中添加文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！