Question

我需要使用JavaScript创建文本框。我的编码如下：

<script>
function _(x) {
    return document.getElementById(x);
}

function popuptxt() {
    var i = _("no_room").value;
    for(a = 1; a <= i; a++) {
        my_div.innerHTML = my_div.innerHTML + "Room number for " + a + "<br><input type='text' name='mytext'+ i><br>"
    }
}
<script>

HTML文件：

<input type="text" style="width:200px;" id="no_room" onChange="popuptxt()" required>
<div id="my_div"></div>

当我输入数字时，它显示文本框的数量，但是当我输入另一个数字时，我需要清除它们。

Answer 1

每次重置你阻止的内容：

<script>
function _(x) {
    return document.getElementById(x);
}

function popuptxt() {
    my_div.innerHTML = "";
    var i = _("no_room").value;
    for(a = 1; a <= i; a++) {
        my_div.innerHTML = my_div.innerHTML + "Room number for " + a + "<br><input type='text' name='mytext'+ i><br>"
    }
}
</script>

Answer 2

只需在popuptxt（）中的for循环之前添加my_div.innerHTML = "";即可。这样它每次被调用时都会被清除。

如何在java脚本中添加动态文本框

2 个答案: