javascript - 如何从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;
}