Javascript For Loop On Array of Input fields 与 document.getElementById 相关

Question

我有一个服务器端脚本为我创建大量文本字段。当我希望用户填写它们并提交数据时。我知道有多少个字段，因为服务器也会发送一个计数。

然后我尝试将它们连接成一根长绳，中间有一个垫片。但我在获取数组的值时遇到问题。

用代码更好地解释。

这行得通，

        <script>
function Submit() {
    var spacer = ":";
    var mycount = document.getElementById('counter').value;
    var usertext = '';
    var x=0;
    for(x = 0; x **<= 2**; x++){
        usertext = usertext + document.getElementById('description[' + x + ']').value + spacer ;
    }
</script>

这行不通。

    <script>
function Submit() {
    var spacer = ":";
    var mycount = document.getElementById('counter').value;
    var usertext = '';
    var x=0;
    for(x = 0; x **<= mycount**; x++){
        usertext = usertext + document.getElementById('description[' + x + ']').value + spacer ;
    }
</script>

这是我的身体

    <textarea   id='counter' name='counter'>2</textarea>
<textarea   id='description[0]' name=''description'>zero</textarea>
<textarea   id='description[1]' name=''description'>one</textarea>
<textarea   id='description[2]' name=''description'>two</textarea>
<button type="button" onclick="Submit()" >Save</button>

这是 Firebug 给我的错误：

document.getElementById("描述[" + x + "]") 为空

有谁知道如何做到这一点？

谢谢

Answer 1

尽管您的 HTML 无效（例如不平衡的引号），但它对我来说工作正常。更好的问题是这样做的目的是什么。为什么不直接提交表格呢？

Answer 2

在将 mycount 应用于 for 循环之前，使用 parseInt 获取 mycount 的整数值：

var mycount = document.getElementById('counter').value;
mycount = parseInt(mycount);