高级搜索,使用单击文本传播输入字段

时间:2011-09-11 00:43:06

标签: javascript jquery

也许不是最好的标题解释。

我想解决一个问题。

我所拥有的是我正在尝试制作的高级搜索页面,并且在此页面上是一个输入框(供用户输入或添加关键字)

基本上,要添加关键字,我们会在输入字段下方发布一些标记,如下所示:

[apple],[banana]等。

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

根据受欢迎程度,标签将从我们的数据库中获取,并且我们将为用户输入的文本添加自动完成功能。

所以我的问题是:如何将单击的文本输入到输入字段中,并添加一个分隔符。

我到处都搜索过任何帮助。

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

1 个答案:

答案 0 :(得分:2)

您可以将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/