使用Javascript在单个div中添加多个输入字段

我正在用javascript编写一个用于多数据设置的程序。但我陷入了根据输入的输入字段数放置多个输入文件的代码中

函数createTextFields（nom）{
警报（nom）；
var计数=nom；
对于（var l=0；l

您可以使用

+=

将新的

输入

附加到

表单

createTextFields（10）；
函数createTextFields（nom）{
var计数=nom；
对于（变量l=0；l

---

我建议您不要使用innerHTML。而是创建新元素并向其添加属性。如我在下文所述：

function createTextFields(nom)
        {
            alert(nom);
            var count = nom;
            for(var l = 0; l<count.length;l++)
            {
//              document.getElementById('formSet').innerHTML = '<input type="text" class="form-control" name="textField_'+l+'" id="textField_'+l+'" required>';
                var input = document.createElement("INPUT");    
                input.setAttribute("type", "text");
                input.setAttribute("class", "form-control");
                input.setAttribute("name", "textField_"+l);
                input.setAttribute("id", "textField_"+l);
                input.setAttribute("required", true);
                document.getElementById('formSet').appendChild(input);
            }

        }

函数createTextFields（nom）
{
警报（nom）；
var计数=nom；
对于（var l=0；l

//调用函数createTextFields
createTextFields（10）；
函数createTextFields（nom）
{
//nom将是一系列要添加的元素
var计数=nom；
var k=新数组（）；
对于（var l=0；l@sandepsing），请不要忘记您喜欢的答案
<script>

// call funciton createTextFields 
createTextFields(10);

 function createTextFields(nom)
{
    // nom will be a number of elements to be added
    var count = nom;

    var k = new Array();

    for(var l = 0; l <count; l++)
    {
        // push into array
        k.push('<input type="text" class="form-control" name="textField_'+l+'" id="textField_'+l+'" required>');

    }
    // insert those childs to the formset and by joining the array
    // of textfield
    document.getElementById('formSet').innerHTML = k.join('');

}

</script>