jquery-editable-select 可输入下拉组件的使用方法

项目中须要用到可输入的下拉插件，因而就用了jquery.editable-select，试用效果以下：

下面是使用方法：

jquery.editable-select须要引用的文件（固然前提要有jquery）：

<link rel="stylesheet" type="text/css" href="${base}/static/common/wechat/jquery-editable-select/jquery-editable-select.css">
<script src="${base}/static/common/wechat/jquery-editable-select/jquery-editable-select.js"></script>

html代码：

<select id="select">
                <option value="ces">ces</option>
                <option value="as">as</option>
                <option value="ssss">ssss</option>
</select>

因为jquery.editable-select组件在最后生成的是一个input +ul的格式，因此我在操做他的值的时候是用下面的js操做的：

//**************************js部分代码：************************
$(document).ready(function(){
//初始化事件，在选择下拉时触发
    $("#select").editableSelect().on('select.editable-select', function (e, li) {
		    var value = $(li.prop('outerHTML')).attr("value");
     }); 
    //获取值
    $("#select").val();
    //改变值
    $("#select").val("");
    //触发input事件（input是输入框每一个字改变时都会触发，而change事件是失去焦点    时与以前的value对               比，不同才会触发）
    $("#select").trigger("input");
});