javascript - 通过标签输入下拉搜索

Question

我正在尝试通过标签输入框构建一个搜索，这类似于在此处找到的 Xoxco 的演示

http://xoxco.com/projects/code/tagsinput/example.html

我本来可以使用他在 github 上的元素，但我的实现是在一个已经存在的应用程序中，当我将他的元素导入我的元素时，该应用程序会中断。

所以目前我已经在 http://jsfiddle.net/Newtt/3eHXN/2/ 上启动并运行了大部分基本功能.

目前，当我点击一个选项时，它会出现在搜索框中。我的问题是如何使多个元素出现，其次，如何设置单击后出现在搜索框中的单词的样式？

对于第二个问题，我在想这样的事情:

$('.options`).click(function(){
    var c = $(this).html();
    var a = c.css('background':'#ccc',
                  'color':'#000',
                  'width':25px');
    $('#search-by-tags').val(a);
});

它在 Fiddle 中不起作用，所以我想知道我哪里出错了，我该如何纠正它？

谢谢!

Answer 1

Working Fiddle

$(document).ready(function(){
            $('#search-by-tags').focus(function(){
                $('#input-tags').show('slow');
            });
            $('#search-by-tags').blur(function(){

            });
            $('.options').click(function(){
                var currentval=$('#search-by-tags').val()
                if(currentval!="")
                $('#search-by-tags').attr('value', currentval+','+$(this).html());
                else
                 $('#search-by-tags').attr('value',$(this).html());
                $('#input-tags').hide('slow');
            });
            $('#search-button').click(function(){
                $('#search-by-tags').attr('value','');
                 $('#input-tags').hide('slow');
            });
        });