实施例

Question

我在javascript中动态创建输入文本框。例如，首先有一个文本框。当用户单击+按钮时，会添加一个新文本框。现在，我想将一个数据列表附加到下一个文本框。我将基于其他一些用户选择动态生成datalist。我看到的数据主义用法的所有例子都是这样的

但我想做的事情如下： 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 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>

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

1 个答案:

实施例