Selectize.js插件的使用

Selectize是一个可扩展的基于jQuery 的自定义下拉框的UI控件.可以是带搜索的单选下拉框，也可是是带搜索的多选下拉框。

初始化Selectize控件
var $select = $('#selpower').selectize({maxItems: 1});
var control = $select[0].selectize;


$("#selpower").selectize({
	plugins: ['remove_button'],
	persist: true,
	createOnBlur: true,
	create: false,
	onChange: function(name) {
	if(name) {
	arr = name.join(',');
	} else {
	arr = '';
	}
});

每次渲染前清除摧毁

control.destroy()

重新创建

$select = $('#selpower').selectize({maxItems: 1});
control = $select[0].selectize;

属性

create: true下拉option中没有输入的内容会出现Add+输入的内容，false则只能在已有的option中选择，不允许添加。

persist: true对于使用create方式添加的option会添加到select标签下面，再次点击会在下拉中出现。False，create方式添加的option只是显示在选框中，再次点击不会出现在下拉框中。

createOnBlur: true光标移除的时候自动创建输入的内容为选项，false不会创建。

dropdownParent：’body’下拉选依据body生成。有时候设置了样式，其他的元素浮动在select标签上方，可能导致下拉框下沉显示不出来，设置该属性则不会存在这个问题。

maxItems：设置最大选择数量

附上github上面api文档链接参考

https://github.com/selectize/selectize.js/blob/master/docs/api.md