html输入框插件,Bootstrap tagsinput标签输入框插件

基本示例

在输入框中添加data-role="tagsinput"属性，输入框的值会自动转换为标签。

方法

返回值

$("select").val()

"Amsterdam,Washington,Sydney,Beijing,Cairo"

$("select").tagsinput('items')

["Amsterdam","Washington","Sydney","Beijing"]

通过select元素来制作标签

通过元可以将下拉框中的所有option转换为标签。

Amsterdam

Washington

Sydney

Beijing

Cairo

Amsterdam

Washington

Sydney

Beijing

Cairo

方法

返回值

$("select").val()

["Amsterdam","Washington","Sydney","Beijing","Cairo"]

$("select").tagsinput('items')

["Amsterdam","Washington","Sydney","Beijing"]

与typeahead.js结合使用

该插件可以和typeahead.js结合使用，在输入标签时获取预定义的提示标签