jQuery AutoComplete :使建议出现在文本框中

Question

我使用的Jquery自动完成插件在这里找到：http://jqueryui.com/autocomplete/

它运行良好，但自动完成提示显示为下拉列表，而我希望它显示为下拉列表(不知道它是否正确的单词，但我希望点击显示在文本框中而不是它下面)。

有办法做到这一点吗？

Answer 1

JQuery UI自动完成的默认位置设置包括：

 position: {
        my: "left top",
        at: "left bottom",
        collision: "none"
    },

您可能可以为您的电话提供以下内容：

$('.whatever').autocomplete({
   position: {
       my: "left bottom",
       at: "left top",
   });

Answer 2

您可以使用jQuery Ui自动完成position选项；该选项允许您使用jQuery UI位置实用程序设置建议列表的位置。

快速参考：

标识建议菜单相对于相关输入元素的位置。of选项默认为输入元素，但您可以指定另一个要对其定位的元素。有关各种选项的更多细节，您可以参考jQuery UI位置实用程序。

代码：

$(function () {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"];

    $("#tags").autocomplete({
        source: availableTags,
        position: {
            my: "left bottom",
            at: "left top",
        }
    });

});

精加工演示：http://jsfiddle.net/IrvinDominin/KQdg8/

博士：http://api.jqueryui.com/autocomplete/#option-position