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:当下拉框中的选项被选中时触发。
posted @ 2018-11-01 10:08  zzwlong  阅读(8194)  评论(0编辑  收藏  举报