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

这个自动完成函数接受一个数组，并将其元素输出为一个我无法执行的未修订列表。

$（“输入”）.autocomplete（{source:[“agra”、“bombay”、“delhi”、“chennai”]}）

或

---

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

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

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

$（函数（）{
var城市=[
“阿格拉”，
“孟买”，
“德里”，
“钦奈”
];
$（“input.metro”）.autocomplete({
$（此）。追加（“
”）；
对于（i=0；我不明白，您能解释更多吗？如果您使用的是jQuery UI的autocomplete小部件，您需要将数组传递到
source
选项：您想编写函数autocomplete还是使用内置函数？我想编写autocomplete函数而不是使用内置函数。。
$(function () {
    var availableCities = [
        "agra",
        "bombay",
        "delhi",
        "chennai"
    ];

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

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

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

    });
});