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

我已經創建了一個輸入類型的文本框，用戶可以使用自動完成功能進行填充。如何添加尚未包含在令牌輸入中的新令牌

對於自動完成功能，我使用了一個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

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

回答

相關問題