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：当下拉框中的选项被选中时触发。

转载于:https://www.cnblogs.com/zzwlong/p/9887670.html