從動態創建的javascript文本框中獲取文本輸入

Question

我正在使用此鏈接中的代碼。 http://www.randomsnippets.com/2008/02/21/how-to-dynamically-add-form-elements-via-javascript/

var counter = 1;
var limit = 3;
function addInput(divName){
    if (counter == limit)  {
          alert("You have reached the limit of adding " + counter + "    inputs");
     }
     else {
          var newdiv = document.createElement('div');
           newdiv.innerHTML = "Entry " + (counter + 1) + " <br><input    type='text' name='myInputs[]'>";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
         }
 }

如何從文本輸入中獲取值？

Answer 1

將id attr添加到輸入中：

newdiv.innerHTML = "Entry " + (counter + 1) + " <br><input    type='text' name='myInputs[]' id='"+counter+"'>";

那么你不能寫：

var x = document.getElementById("1").value;

Answer 2

首先獲取文檔中的所有輸入元素，並使用您設置“myInputs []”的名稱過濾輸入，然后循環並獲取輸入值。

var inputEle = document.getElementsByTagName("input");
    var inputNewlyAdded = [];
    for(var i = 0 ; i < inputEle.length ; i ++){
      if(inputEle[i].name == "myInputs[]"){
         inputNewlyAdded.push(inputEle[i]);
      }
    }

    for(var j = 0 ; j < inputNewlyAdded.length ; j ++){
      console.log(inputNewlyAdded[j].value);
    }