Question

我想通过点击按钮添加新的输入表单。我有的形式，我想补充一下：

<input type="number" id="portdiv" name="ports" min="0" max="48" size="1"/>

添加新表单的按钮：

<input type="button" value="Add another" onClick="addInput('portdiv');"/>

javascript函数：

var counter = 1;
function addInput(divName){
var textbox = document.createElement('input');
textbox.type = 'number';
document.getElementById(divName).appendChild(textbox);
counter++;
}

此代码不起作用，我在javascript控制台上没有任何错误。
我已经为javascript函数尝试了不同的解决方案：

    var textbox = document.createElement('input');
    textbox.type = 'text';
    document.getElementById(divName).appendChild(textbox);
    counter++;

和

      var newFields = document.getElementById(divName).cloneNode(true);
      document.getElementById(divName).appendChild(newFields);
      counter++;

他们中没有人工作。怎么解决？

Answer 1

您正尝试将输入附加到输入！输入没有子元素。

您需要将其附加到包含表单元素的父元素。通过变量的名称，它将是某种div元素。您可以使用div的名称来执行此操作，也可以使用parentNode。

javascript：点击添加表单

1 个答案: