jQuery的Tokeninput用“组合框”功能？(jQuery Tokeninput with

我使用的是循环J Tokeninput插件，我想知道是否有人已经实施了jQuery的“组合框”功能的呢？或类似的东西？范围是允许通过单击“向下箭头”或只是通过点击输入框，就像一个下拉菜单，显示从本地源中的所有数据（但允许将它缩小打字东西的时候......）。如果是这样，任何人都可以分享如何实现的呢？

Answer 1:

嘿，有没有预先做，在tokeninput插件的方法。但是我们可以改变插件本身来实现你所需要的。我做了一些改变，以插件。做你jquery.tokenput.js文件相同的变化，看看它是否工作。打开该JS file.Search

VAR INPUT_BOX

它现在转到.focus（函数（）{}）部分，以及与此更换。

if (settings.tokenLimit === null || settings.tokenLimit !== token_count) {
       if (settings.local_data) {
           setTimeout(function() { run_search(''); }, 5);
       } else {
           show_dropdown_hint();
       }

搜索功能run_search（查询）。 如果功能的一部分去别的，取而代之的是下面的一个。

else if (settings.local_data) {
                // Do the search through local data
                var results ;
                if(query==''){
                    results= settings.local_data;
                    }
                    else{
                    results= $.grep(settings.local_data, function(row) {                        
                    return (row[settings.propertyToSearch].toLowerCase().indexOf(query.toLowerCase()) == 0 || row[settings.propertyToSearch].toLowerCase().indexOf(' ' + query.toLowerCase()) > -1);

                });
                }

我们正在使用的输入框的聚焦状态时的盒子是在重点和查询empty.if查询不为空，则其将搜索查询返回的整个列表。

此外，如果你想显示在搜索结果框的滚动条，你应该修改“div.token输入，下拉”的CSS的令牌input.css文件，如下所示： - 消除或评论：“溢出：隐藏;” - 加：“最大高度：150像素;” （或任何你想要的最大高度有盒） - 加：“溢出：汽车;”

Answer 2:

Chosen正是你所需要的。