項目中有個需求，下拉框既可以下拉選擇，也可以手動填寫
html代碼
<span>數據來源</span> <select class="source"> <option value="0">人工導入</option> <option value="1">數據服務平臺</option> </select>
js代碼
$('#noMean').editableSelect({
filter:false,
effects: 'fade',
duration: 200,
onCreate:function () {
console.log("下拉框創建")
},
onShow:function () {
console.log("下拉框顯示")
},
onHide:function () {
console.log("下拉框隱藏")
},
onSelect:function () {
console.log("下拉框選項被選中")
}
}
獲取值
$(".noMean").val()
用了這個插件以后，這塊是一個input,type="text"
參數
filter 選擇option以后，是否過濾 默認 true
effects 點擊的時候，下拉框的過渡效果 有default，slide，fade三個值，默認是default
duration 過渡效果時間 默認是fast 值可以是fast和slow，也可以是數字
appendTo 下拉框如果彈出框效果，這個值才會用到，顯示把它加載到哪里
trigger 下拉框列表如何觸發 值是"focus", "manual" 默認是focus
方法
onCreate：當editableSelect方法生效時觸發。
onShow：當下拉框出現時觸發。
onHide：當下拉框隱藏時觸發。
onSelect：當下拉框中的選項被選中時觸發。
參考地址：
https://www.npmjs.com/package/jquery-editable-select npm安裝
http://indrimuska.github.io/jquery-editable-select/ demo地址
https://github.com/zhaobao1830/jquery-editable-select 下載地址
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持億速云！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
