優化數據錄入

Question

我一直在尋找一個解決方案，

• 顯示獨立的數據
• 並不需要一個點擊（或集中），以顯示列表
• 有一個簡單的多列控制接口
• 支持可見&隱藏值（如HTML的<select>）
• 有顏色突出顯示匹配
• 自動刪除不屬於任何選項的字符條目

Answer 1

我無法找到滿足這些要求的控件，因此我創建了一個。這是使用中的控件的圖像。

創建該控制的代碼是：

$('input#scrolltest').menuoptions({           
    "Data": { 1:"January",2:"February",3:"March",4:"April",5:"May", 6:"June",7:"July", 
       8:"August",9:"September",10:"October",11:"November",12:"December" }, 
    "onSelect": function(mo, data) {           
     console.log(mo, data.newVal, data.type);       
    },                  
    "InitialValue": { 'val': 'December'},         
    "Height": 200,               
    "Sort": []                
});     

該控制記錄here

上面的例子是本demo page

的一部分