<select id="SCName" class="next-input-scnst" style=" 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:当下拉框中的选项被选中时触发。