jquery.editable-select.js使用文件
阿新 • • 發佈:2018-11-01
<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:當下拉框中的選項被選中時觸發。