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选项默认为input元素，但您可以指定另一个要定位的元素。你可以参考到jQuery UI Position实用程序，了解有关各种的更多详细信息选项。

代码：

$(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

jQuery AutoComplete：在文本框中显示建议

2 个答案: