如何从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;
}