Jquery 如何添加令牌输入中不存在的新令牌
我已经创建了一个输入型文本框,用户可以在自动完成的帮助下填写 对于自动完成功能,我使用了一个jQuery插件,它从给定列表中获取输入。 当我键入一个不在列表中的单词时,它不会显示任何结果,也不会创建标记。我还想为不在输入列表中的单词创建一个标记 我的代码如下:Jquery 如何添加令牌输入中不存在的新令牌,jquery,jquery-tokeninput,Jquery,Jquery Tokeninput,我已经创建了一个输入型文本框,用户可以在自动完成的帮助下填写 对于自动完成功能,我使用了一个jQuery插件,它从给定列表中获取输入。 当我键入一个不在列表中的单词时,它不会显示任何结果,也不会创建标记。我还想为不在输入列表中的单词创建一个标记 我的代码如下: <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jque
<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>
您需要使用allowFreeTagging选项。有关更多详细信息,请参阅。确保您已从Github下载了最新版本的插件,loopj.com上的版本已过时,可能包含也可能不包含AllowFreetaging功能
附加说明:该插件的最新版本似乎与1.5.1版的jQuery版本不兼容。能否提供fiddle?我应该在何处添加allowFreeTagging:true?作为选项。将主题:Facebook替换为主题:Facebook,允许自由标记:true@vandy-有趣。您使用的是一个相当旧的jQuery版本,该插件似乎无法使用。更新到最新的jQuery版本,一切似乎都正常。我在这里为您设置了一个工作示例:非常感谢:还有一个问题,按空格键后有没有办法创建新令牌。在这种情况下,按enter键后会创建新令牌。请检查令牌分隔符选项!