Question

我正在使用这个jquery代码：

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

通过单击链接将标签添加到输入字段中：

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

<div class="tags_select">
    <a href="#">tag1</a>
    <a href="#">tag2</a>
    <a href="#">tag3</a>
</div>

见JSFIDDLE

上的演示

但现在我只想添加1个标签。

实施例：当我点击tag1时，它必须显示在inputfield中。当我现在点击tag2上的示例时，inputfield应该清除tag1并将tag2插入到inputfield中。所以我只能从3（或更多）

中选择1个标签

可能吗？

Answer 1

喜欢这个？您只需稍微更改一下代码即可。就是这样。

$('a').click(function(){
    $('#text_tag_input').val($(this).html()); // or $('#text_tag_input').val(this.innerHTML);
});

<强> Fiddle

Answer 2

实际上，这比你现在做的要简单得多：

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

这将替换框中的值而不是添加它。

单击添加1个标签到inputfield（可用多个标签） - jQuery

2 个答案: