jquery.tagsinput标签

插件使用jquery-tagsinput 1.3.6版本。

github地址：https://github.com/xoxco/jQuery-Tags-Input

给需要的 input 增加上 js-tags-input 的 class。在表单中创建一个包含以逗号分隔的标记列表的实际输入。您可以在value属性中放置任何默认或现有标记，插件会处理成如上图所示。

<input class="form-control js-tags-input" type="text" id="example-tags" name="tags" data-height="36px" placeholder="请输入标签" value="光年,黄金瞳">

您可以通过调用 addTag() 和 removeTag() 函数来添加和删除标记。

$('#example-tags').addTag('Light Year');
$('#example-tags').removeTag('黄金瞳');

您可以使用 importTags() 函数导入标签列表。

$('#example-tags').importTags('光年,模板,lyear');

您还可以使用 importTags() 重置标签列表。

$('#example-tags').importTags('');

你可以使用 tagExist() 检查标签是否存在。

if ($('#example-tags').tagExist('光年')) { ... }

涉及的文件：

• lyear_js_tags_input.html
• js/jquery-tagsinput/jquery.tagsinput.min.css
• js/jquery-tagsinput/jquery.tagsinput.min.js