tinySelect-带搜索过滤和ajax加载功能的select下拉框插件

tinySelect.js是一款支持选项搜索过滤和Ajax远程加载的select下拉选择框jQuery插件。该下拉选择框插件可以搜索相关选项，可以通过Ajax调用json数据来填充下拉框，并且它支持中文，非常实用。

使用方法

HTML结构

该下面来看可以实用静态的选项数据，HTML结构为普通的select下拉框结构：

<select id="select1">
  <option value="-1">option a</option>
  <option value="1">option b</option>
  <option value="2">option c</option>
  <option value="3">option d</option>
  <option value="4">option e</option>
  <option value="5">option f</option>
  <option value="6">option g</option>
  <option value="7">option h</option>
</select>              
                

如果选项数据是通过Ajax远程加载的，可以只提供<select>元素和初始选项。

<select id="select3" style="width: 100%;">
  <option value="-1">---</option>
</select>                  
                

初始化插件

在页面DOM元素加载完毕之后，可以通过tinyselect()方法来初始化该下拉框插件。

$("#selectElementId").tinyselect({
    showSearch: true,
    txtLoading: "Loading..."
});   
                

配置参数

tinySelect下拉列表框插件的github地址为：https://github.com/McFizh/tinySelect