如何添加尚未包含在令牌输入中的新令牌

我已经创建了一个输入类型的文本框，用户可以使用自动完成功能进行填充。如何添加尚未包含在令牌输入中的新令牌

对于自动完成功能，我使用了一个jQuery插件，它从给定列表中获取输入。当我输入一个不在列表中的单词时，它不会显示任何结果，也不会创建令牌。我还想创建一个不在输入列表中的单词的标记。

我的代码如下：

<html> 
    <head> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
     <script type="text/javascript" src="src/jquery.tokeninput.js"></script> 

     <link rel="stylesheet" href="styles/token-input-facebook.css" type="text/css" /> 
     <script type="text/javascript"> 
     $(document).ready(function() { 
      $("input[type=button]").click(function() { 
       alert("Would submit: " + $(this).siblings("input[type=text]").val()); 
      }); 
     }); 
     </script> 
    </head> 

    <body> 
     <input type="text" id="demo-input-facebook-theme" name="blah2" /> 

     <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#demo-input-facebook-theme").tokenInput([ 
       {id: 7, name: "Ruby"}, 
       {id: 11, name: "Python"}, 
       {id: 13, name: "JavaScript"}, 
       {id: 17, name: "ActionScript"}, 
       {id: 19, name: "Scheme"}, 
       {id: 23, name: "Lisp"}, 
       {id: 29, name: "C#"}, 
       {id: 31, name: "Fortran"}, 
       {id: 37, name: "Visual Basic"}, 
       {id: 41, name: "C"}, 
       {id: 43, name: "C++"}, 
       {id: 47, name: "Java"} 
      ], { 
       theme: "facebook" 
      }); 
     }); 
     </script>  
    </body> 
</html>

来源

2014-12-24 vandy

你能提供小提琴吗？ – cfprabhu

[在jquery令牌输入中创建令牌的可能的重复]（http://stackoverflow.com/questions/16091254/create-tokens-in-jquery-token-input） – Chris

你需要利用allowFreeTagging选项。有关更多详细信息，请参阅this question。确保你已经从Github下载了最新版本的插件，loopj.com上托管的版本已过时，可能包括或不包括allowFreeTagging功能。

附加说明：最新版本的插件似乎无法与1.5.1版本的jQuery版本一起使用。

来源

2014-12-28 00:18:16 Chris

我应该在哪里添加allowFreeTagging：true在我的jquery中？ – vandy

作为一个选项。用“主题：脸谱，allowFreeTagging：true”代替“主题：Facebook” – Chris

我已经做到了，但它不起作用 – vandy

如何添加尚未包含在令牌输入中的新令牌

回答

相关问题