Получение ввода текста из динамически созданного текстового окна 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

добавить идентификатор атр на вход:

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