如何從JS函數獲取動態值

Question

我有這個功能，產生了許多基於用戶的選擇輸入：

 // Number of inputs to create 
     var number = document.getElementById("cantidadArreglos").value; 
     // Container <div> where dynamic content will be placed 
     var container = document.getElementById("container"); 
     // Clear previous contents of the container 
     while (container.hasChildNodes()) { 
      container.removeChild(container.lastChild); 
     } 
     for (i=0;i<number;i++){ 
      // Append a node with a random text 
      container.appendChild(document.createTextNode("Arreglo #" + (i+1))); 
      // Create an <input> element, set its type and name attributes 
      var input = document.createElement("input"); 
      input.type = "number"; 
      input.name = "arreglo" + i; 
      container.appendChild(input); 
      // Append a line break 
      container.appendChild(document.createElement("br")); 

    } 
    } 

而且它完美的作品。但是，我需要使用用戶在其他函數中引入的值。我如何正確地打電話給他們？

Answer 1

您將需要爲您正在創建的每個輸入控件（稍後參考它們）分配某種標識符。一個非常簡單的方式做，這是分配他們每人一個ID：

for (i=0;i<number;i++) { 
    // Append a node with a random text 
    container.appendChild(document.createTextNode("Arreglo #" + (i+1))); 
    // Create an <input> element, set its type and name attributes 
    var input = document.createElement("input"); 
    input.type = "number"; 
    input.name = "arreglo" + i; 
    //assign identifier here 
    input.id= "arreglo" + i; 
    container.appendChild(input); 
    // Append a line break 
    container.appendChild(document.createElement("br")); 
} 

然後，其他地方在你的代碼，你可以使用你剛纔創建的索引參考值：

function getValForId(var id) { 
    return document.getElementById("arreglo" + id).value; 
} 

Answer 2

你可以使用document.querySelectorAll（'input [type =「number」]'）將檢索頁面的所有類型編號的輸入（如果您需要排除一些，只需添加一個類並將其添加到querySelector）

var inputsNumber = document.querySelectorAll('input[type="number"]'); 

現在，您可以遍歷「inputsNumber」和檢索值

也可以使用通配符檢索其名稱中使用了字開頭的元素過濾querySelector：

document.querySelectorAll('[name^=arreglo]');