javascript - 高级搜索,通过单击的文本传播输入字段

标签 javascript jquery

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

我有一个正在努力克服的问题。

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

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

[苹果]、[香蕉]等

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

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

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

我已经到处搜索了,感谢任何帮助。

基本 fiddle :http://jsfiddle.net/ozzy/Qt3K6/

最佳答案

您可以为链接绑定(bind)点击事件并修改输入文本框。

因此,例如,您可以为每个标记 anchor 分配一个类,例如 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/ .

关于javascript - 高级搜索,通过单击的文本传播输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7375608/

相关文章:

javascript - 使用未定义的值调用 JavaScript 函数

javascript - 获取动态生成的html元素中每个元素的keyup事件

javascript - 在 jquery 幻灯片上显示标题和描述

c# - 通过 javascript 访问 C# webservice

jquery - 根据 Angular JS 中的下拉选择过滤数据

javascript - slideToggle 覆盖媒体查询

javascript - Firebase 存储 API - 上传包含元数据的文件

javascript - ASP.NET AJAX 3.5 和 IE6?

php - 将图像从浏览器发送到服务器 - 可能吗?

javascript - 将 Native Promise 转换为 JQuery 的 Promise(适用于 IE)