如何使用jquery将无序列表附加到现有的html元素

Question

<input class ="metro" type="text" name="city">

这是一个输入标记，我需要附加一个无序列表，它作为数组传递给函数调用，如下所示

$("input").autoComplete(["agra","bombay","delhi","chennai"]);

此自动完成功能接受一个数组，并将其元素作为unorederd列表输出，我无法做到。

Answer 1

$（ “输入”）自动完成（{源：[ “阿格拉”， “孟买”， “德里”， “奈”]}）;

Ref

Answer 2

Demo

$(function () {
    var availableCities = [
        "agra",
        "bombay",
        "delhi",
        "chennai"
    ];

    $("input.metro").autocomplete({
        source: availableCities
    });
});

或

$(function () {
    $("input.metro").autocomplete({
        source: [
            "agra",
            "bombay",
            "delhi",
            "chennai"]
    });
});

Demo

API DOCS

Answer 3

如果您想自己实现该功能，基本块将如下

$(function () {
    var Cities = [
        "agra",
        "bombay",
        "delhi",
        "chennai"
    ];

    $("input.metro").autocomplete({
        $(this).append("<ul>");
        for(i=0;i<Cities.length;i++){
            $(this).children("ul").append("<li>Cities[i]</li>");
        }
        $(this).append("</ul>");

    });
});