Question

我使用jquery令牌输入插件进行了一些实验：

我尝试修改代码，以便用户可以添加不在列表中的值：

         $(document).ready(function() {
        $("#demo-input-local").tokenInput([
            {name: "Ruby"},
            {name: "Python"},
            { name: "JavaScript"},
            {name: "ActionScript"},
            { name: "Scheme"},
            { name: "Lisp"},
            { name: "C#"},
            {name: "Fortran"},
            {name: "Visual Basic"},
            {name: "C"},
            { name: "C++"},
            {name: "Java"}
        ]);
    });

为了使这成为可能，用户应该通过分隔他的输入值; 然后列表中的值应以绿色显示，而不在列表中的输入则不显示颜色。我希望有人可以通过类似的项目或链接或代码来帮助我吗？

如果你想试验：

http://jsfiddle.net/nfBLw/

Answer 1

你应该知道这个插件有很多选项没有在文档中显示，它已经相对过时了。查看这些的源代码，评论很好。您感兴趣的是allowFreeTagging和tokenDelimiter。像这样设置它们：

$("#demo-input-local").tokenInput([
            {name: "Ruby"},
            {name: "Python"},
            { name: "JavaScript"},
            {name: "ActionScript"},
            { name: "Scheme"},
            { name: "Lisp"},
            { name: "C#"},
            {name: "Fortran"},
            {name: "Visual Basic"},
            {name: "C"},
            { name: "C++"},
            {name: "Java"}
        ],
        allowFreeTagging: true,
        tokenDelimiter: ';');

关于以不同方式着色这些令牌，这是一项更大的工作。一些指针：使用onAdd回调，并注意'FreeTags'的默认tokenValue与其propertyToSearch相同（因此item.id==item.name是检查这些freetag的（非故障安全）方式。）< / p>

jquery-tokeninput添加无效的令牌;

1 个答案: