javascript - 如何从javascript动态创建文本框

Question

我正在尝试在 <div id="screens"> </div> 中创建文本框.我有一个下拉菜单，我可以为其选择要创建的文本框的数量。

我在此处编写的 JavaScript 代码无法运行:

代码:

function create(param) {
    document.getElementById("screens").innerHTML="";          
    for(var i = 0; i < param; i++) {
        alert(i);
        document.write('<input type="text" name="Fname">');
    }
}

这是通过清除当前页面的所有内容来添加文本框，但我希望将文本框添加到 <div id="screen"> </div> .我该怎么做？

Answer 1

尝试这样的事情:

function create(param) {
    var s= "";
    for(var i = 0; i < param; i++) {
        s+= '<input type="text" name="Fname">'; //Create one textbox as HTML
    }
    document.getElementById("screens").innerHTML=s;
}