如何使用jquery將無序列表附加到現有的html元素

Question

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

這是一個輸入標簽，我需要附加一個無序列表，它作為一個數組傳遞給一個函數調用，如下所示

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

此自動完成功能接受一個數組並將其元素輸出為unorederd列表，我無法做到。

Answer 1

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

參考

Answer 2

演示

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

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

要么

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

演示

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>");

    });
});