从动态创建的javascript文本框中获取文本输入

Getting the text input from a dynamically created javascript text box

本文关键字：获取 取文本 输入 文本 动态 创建 javascript      更新时间：2023-09-26

我正在使用此链接中的代码。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++;
         }
 }

如何从文本输入中获取值？

将id属性添加到输入：

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

那么你就不能写：

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

首先获取文档中的所有输入元素，并使用您设置的名称"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);
    }
相关文章：