如何将javascript变量分配给输入文本字段？

Question

我在javascript中有一个名为"数字"的变量,这个变量包含从0到9的10个数字,如下所示.

var numbers = "0123456789";

现在我想要做的是使用document.getElementByID("a")="";将这些数字中的每一个分配给输入文本字段,例如:

<input type="text" id="a" value="" />
<input type="text" id="b" value="" />
<input type="text" id="c" value="" />
<input type="text" id="d" value="" />
<input type="text" id="e" value="" />
<input type="text" id="f" value="" />
<input type="text" id="g" value="" />
<input type="text" id="h" value="" />
<input type="text" id="i" value="" />
<input type="text" id="j" value="" />

目前上面的以下文本字段没有值,但我希望能够将变量"数字"中的每个数字分配给上面的每个文本字段,所以当用户点击一个名为click me的按钮时,它看起来像这样.

<input type="text" id="a" value="0" />
<input type="text" id="b" value="1" />
<input type="text" id="c" value="2" />
<input type="text" id="d" value="3" />
<input type="text" id="e" value="4" />
<input type="text" id="f" value="5" />
<input type="text" id="g" value="6" />
<input type="text" id="h" value="7" />
<input type="text" id="i" value="8" />
<input type="text" id="j" value="9" />

如果特定数字= 0,还有任何方法可以将文本字段留空

提前致谢 :)

Answer 1

var numbers = "0123456789";
var ids = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"];

for (var i = 0; i < ids.length; i++)
{
    var el = document.getElementById(ids[i]);
    var num = numbers[i];

    if (num == "0")
        el.value = "";
    else
        el.value = num;
}

工作样本:http://jsfiddle.net/LrJ5S/.