支持输入且自动完成的 select

最近在一个项目里面做了一个控件：该控件作为一个带输入的 select ，且支持根据动态输入的内容去后台查询，将结果放在 select 的下拉框里面。效果图如下：



该控件支持绑定回调函数，支持动态事件等等。另一个比较实用的功能是，可以任意指定该控件的上一级联动控件：比如上面产品名称的上一级联动是系统名称，一旦系统名称选择值了，则产品名称必然是该系统属下的。如下图，联动状态下的自动完成搜索。



代码参考 js 库的写法，使用完全的面向对象。

库的使用方法很简单，在 html 里面写一个 div，如 <div id="sys_area"></div>，然后在该页面加载后调用这句 js 代码即可：

var config={...} //具体配置后续加上

$('#sys_area').simulation(config);

库的代码如下：