1

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

http://loopj.com/jquery-tokeninput/

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

         $(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/

4

1 回答 1

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检查这些 freetags 的（非故障安全）方式也是如此。）

于 2013-09-12T15:59:45.000 回答