1. 程式人生 > >jquery.editable-select.js使用文件

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:當下拉框中的選項被選中時觸發。