高级搜索，用点击文本传播输入字段

Question

也许不是最好的标题说明。

我有一个问题，我想克服。

我有什么是我想要做一个先进的搜索页面，而这个页面是一个输入框本质上（供用户键入或添加关键字）

，添加关键字，我们将发布下面的输入领域的一些标签是这样的：

[苹果]，[香蕉]等

如果用户点击标签，上面我希望被添加到输入字段页面上的文本。在每个单词后添加一个分隔符，可能为逗号。

这些标签会根据流行度从我们的数据库中提取出来，并且我们还会为用户输入的文本挂钩自动填充。

所以我的问题是：如何获得点击文本到输入字段，并添加一个分隔符。

我已经遍地搜寻，任何帮助表示赞赏。

基本小提琴：http://jsfiddle.net/ozzy/Qt3K6/

Answer 1

可以绑定click事件的联系，并修改输入文本框。

因此，举例来说，你可以指定每个锚钉一类，比如，tag，并执行以下操作：

$('.tag').click(function(evt) { 
    var tags = $('#tags').val(); 
    var newTag = (tags == '') ? $(this).html() : ', ' + $(this).html(); 
    $('#tags').val(tags + newTag); 
}); 

在操作中查看：http://jsfiddle.net/william/Qt3K6/1/。