标签插件

本来找到一个bootstrap-tagsinput的插件,可以很久没有更新了,还是基于2.3的版本,只能放弃。

插件使用jquery-tagsinput 1.3.6,github地址:https://github.com/xoxco/jQuery-Tags-Input

可以用 data-height 设置输入框的高度,默认是100px,这里示例初始化默认为100%,方便输入更多的值。

$(selector).tagsInput({
         'autocomplete_url': url_to_autocomplete_api,
         'autocomplete': { option: value, option: value},
         'height':'100px',
         'width':'300px',
         'interactive':true,
         'defaultText':'add a tag',
         'onAddTag':callback_function,
         'onRemoveTag':callback_function,
         'onChange' : callback_function,
         'delimiter': [',',';'],   // Or a string with a single delimiter. Ex: ';'
         'removeWithBackspace' : true,
         'minChars' : 0,
         'maxChars' : 0, // if not provided there is no limit
         'placeholderColor' : '#666666'
      });