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

Question

我正在用JavaScript动态创建输入文本框。 例如，首先有一个文本框。 当用户单击+按钮时，将添加一个新的文本框。 现在，我想将数据列表附加到下一个文本框。 我还将根据其他用户选择动态生成数据列表。 我看到的所有有关数据列表用法的示例都像

但我想做类似的事情：newTextBox = document.createElement（“ input”）; newList = document.createElement（“ datalist”）; newTextBox.list = newList; newList.options [0] =“ choice1”; newList.options [1] =“ choice2”; ..... ....

这可能吗？ 我怎样才能做到这一点？

提前致谢。

Answer 1

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

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

请参阅： .load（）| jQuery API文档

---

例：

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