如何将数据列表动态附加到输入文本框？

Question

我正在我的 javascript 中动态创建输入文本框。例如，一开始只有一个文本框。当用户单击 + 按钮时，会添加一个新文本框。现在，我想将数据列表附加到下一个文本框。我还将根据其他一些用户选择动态生成数据列表。我看到的所有 datalist 使用示例都像

但我想做类似的事情： newTextBox = document.createElement("input"); newList = document.createElement("datalist"); newTextBox.list=新列表； newList.options[0] = "choice1"; newList.options[1] = "choice2"; ...... ....

这可能吗？我该怎么做？

提前致谢。

Answer 1

使用 ajax 从您的数据库或服务器加载列表

$('#list-container').load("/lists/somelist.html", function() {
    alert("list loaded");
});

见：.load() | jQuery API Docs

---

示例：

<a id="list1-link">Show list 1</a>
<div id="list1-container" style="display:none;"></div>

<script type="text/javascript">
$("#list1-link").on("mouseover", function() {
    var pos = $(this).position();
    var width = $(this).outerWidth();
    $("#list1-container").load("/lists/list1.html", function() {
        $(this).css({
            position: "absolute",
            top: pos.top + "px",
            left: (pos.left + width) + "px"
        }).fadeIn();
    });
});
</script>