打开自动完成结果文本框上的 div 单击

Question

我正在使用此插件进行自动完成

http://bassistance.de/jquery-plugins /jquery-plugin-autocomplete

我希望当用户单击文本框时，包含所有结果的 div 都可见，

我已经尝试过 $("#textbox").search()但不起作用

我该怎么办？

谢谢

Answer 1

试试这个：

$('#textbox').click(function() {
   $(this).trigger('focus');
});

Answer 2

尝试一下：

var input = $('#myinput');

input.autocomplete(data, {minChars: 0});
input.focus(function(){ input.keypress(); });

Answer 3

以下是 Farrukhaziz 编写的有关如何将此功能添加到插件的教程：http://plugins.jquery。 com/node/10336

您需要编辑插件源代码。

将“LaunchManual”部分添加到源代码的此部分。

        flushCache: function() { 
                return this.trigger("flushCache"); 
        }, 
        setOptions: function(options){ 
                return this.trigger("setOptions", [options]); 
        }, 
        unautocomplete: function() { 
                return this.trigger("unautocomplete"); 
        }, 
        launchManual: function() {                         //ADD THIS
                return this.trigger("launchManual"); 
        }

以及本节中的“LaunchManual”位：

        }).bind("flushCache", function() { 
                cache.flush(); 
        }).bind("setOptions", function() { 
                $.extend(options, arguments[1]); 
                // if we've updated the data, repopulate 
                if ( "data" in arguments[1] ) 
                        cache.populate(); 
        }).bind("unautocomplete", function() { 
                select.unbind(); 
                $input.unbind(); 
                $(input.form).unbind(".autocomplete"); 
        }).bind("launchManual", function() {              //ADD THIS
                if( !cache.load( $input.val() ) ) 
                { 
                        cache.flush(); 
                        cache.populate(); 
                } 
                lastKeyPressCode = KEY.DOWN; // equivalent of 40 (down arrow) 
                onChange(0, true); 
        });

然后您可以调用该函数来显示下拉列表：

$('#textbox').click(function() {
   $(this).launchManual();
});