用于优化数据输入的控件

Question

我一直在寻找解决方案

• 显示多列独立数据
• 不需要点击（或焦点）来显示列表
• 有一个简单的界面
• 支持可见＆amp;隐藏值（如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

的一部分