jquery.editable-select.js使用文檔

<select id="SCName" class="next-input-scnst" style="width: 200px;">
　　<option value="double">double</option>
　　<option value="precise">precise</option>
　　<option value="string">string</option>
</select>

function editableSelect(){
    setSelectedOption("#SCName")
    $('#SCName').editableSelect({ 
        bg_iframe: false,
       case_sensitive: false, 
       items_then_scroll: 10 ,
       isFilter:false,
       effects:'slide'
    });
}

//設置可編輯下拉的默認值
function setSelectedOption(selector){
    $(selector +" > option").eq(1).attr("selected",true);//設置第一個下拉為默認值
}

//獲取選中值,直接用$('#SCName').val()就行
$('#SCName').val();

• 選項設置

• filter：過濾，即當輸入內容時下拉選項會匹配輸入的字符，支持中文，true/false，默認true。
• effects：動畫效果，當觸發彈出下拉選擇框時的下拉框展示過渡效果，有default，slide，fade三個值，默認是default。
• duration：下拉選項框展示的過渡動畫速度，有fast，slow，以及數字（毫秒），默認是fast。

• 事件

• onCreate：當輸入時觸發。
• onShow：當下拉時觸發。
• onHide：當下拉框隱藏時觸發。
• onSelect：當下拉框中的選項被選中時觸發。