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");
});