如何从javascript动态创建文本框

我正在尝试在

中创建文本框。我有一个下拉菜单，可以选择要创建的文本框的数量

我在这里编写的JavaScript代码不起作用：

代码：

函数创建（参数）{
document.getElementById（“屏幕”）.innerHTML=“”；
对于（变量i=0；i

---

这是通过清除当前页面的所有内容来添加文本框，但我希望将文本框添加到

。我该怎么做呢？

既然您在问题中标记了jQuery，我就假设您使用的是jQuery

function create(param) {
    'use strict';

    var i;

    $("#screens").empty();

    for(i = 0; i < param; i += 1) {
        $('#screens').append('<input type="text" name="Fname">');
    }
}

函数创建（参数）{
"严格使用",；
var i；
$（“#屏幕”）.empty（）；
对于（i=0；i

纯JavaScript实现如下所示：

function create(param) {
    'use strict';

    var i, target = document.getElementById('screens');
    target.innerHTML = '';

    for(i = 0; i < param; i += 1) {
        target.innerHTML += '<input type="text" name="Fname">';
    }
}

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

函数创建（参数）{
"严格使用",；
变量i，target=document.getElementById（'screens'）；
target.innerHTML=''；
对于（i=0；i

---

试试这样的方法：

function create(param) {
    'use strict';

    var i, target = document.getElementById('screens');
    target.innerHTML = '';

    for(i = 0; i < param; i += 1) {
        target.innerHTML += '<input type="text" name="Fname">';
    }
}

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

函数创建（参数）{
var s=“”；
对于（变量i=0；i

函数创建（参数）{
var screens=document.getElementById（'screens'），
innerHTML=“”，
我
对于（i=0；i

函数创建（参数）{
var target=document.getElementById（'screens'），
oFrag=document.createDocumentFragment（）；
target.innerHTML=''；
对于（变量i=0；i

var newInput4=document.createElement（“输入”）；
newInput4.className=“表单控件”；
newInput4.name=“totalunit”+实例；
newInput4.placeholder=“Unit”；
newInput4.type=“text”；

请阅读有关的文档。您已经在代码中使用了，为什么不重用它呢？

function create(param) {
    var target = document.getElementById('screens'),
        oFrag=document.createDocumentFragment();

    target.innerHTML = '';

    for (var i = 0; i < param; i++) {
        var iptNode = document.createElement("input");
        iptNode.setAttribute("type", "text");
        iptNode.setAttribute("name", "Fname");
        oFrag.appendChild(iptNode);
    }

    target.appendChild(oFrag);
}

<script>
var newInput4=document.createElement("input");
newInput4.className="form-control ";
newInput4.name="totalunit"+instance;
newInput4.placeholder="Unit";   
newInput4.type="text";
</script>