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

作成する入力コントロールには、後で参照するために何らかの識別子を割り当てる必要があります。

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

Answer 2

することができます：あなたが作成したインデックスを使用して値を参照することができ、あなたのコード内の他の場所で、その後

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

：これを行うには非常に単純な方法は、彼らにそれぞれのIDを割り当てることですページのタイプ番号のすべての入力を取得するdocument.querySelectorAll（ 'input [type = "number"]'）を使用します（一部を除外し、クラスを追加してquerySelectorに追加する必要がある場合）

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

今、あなたは「inputsNumber」反復処理し、値

はまた名前が使用して単語で始まる要素取得するには、ワイルドカードを使用してquerySelectorをフィルタリングすることができます取得することができます。

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