0

ボタンをクリックして新しい入力フォームを追加したいと思います。私が持っていて追加したいフォーム：

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

それらの誰も機能しません。どのように解決できますか？

4

1 に答える 1

0

入力に入力を追加しようとしています! 入力には子要素がありません。

フォーム要素を保持する親要素に追加する必要があります。変数の名前では、ある種の div 要素になります。div の名前で行うか、parentNodeを使用できます。

于 2013-06-03T16:52:33.683 に答える