h5select动态加载数据_tinySelect-带搜索过滤和ajax加载功能的select下拉框插件

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

使用方法

HTML结构

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

option a

option b

option c

option d

option e

option f

option g

option h

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

---

初始化插件

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

$("#selectElementId").tinyselect({

showSearch: true,

txtLoading: "Loading..."

});

配置参数

参数

描述

showSearch

是否显示搜索框

txtLoading

当远程加载时显示的文本

txtAjaxFailure

远程加载失败时显示的文本

dataUrl

远程加载数据的地址，如果没有设置，插件会从select元素中读取内容

dataParser

自定义函数从ajax请求中解析数据