-1

我有 2 个函数，一个是动态创建一个带有输入字段的表，其维度基于用户插入的变量 k，另一个是读取用户在表的每个字段中再次插入的值并插入它们在我可以稍后调用的二维数组中。问题是 create table 函数不适用于在其代码中插入的 onBlur。代码如下：

<head>
    <script>
        var k;


            function genArray () {
                var A = [];
                    for (var i = 0; i < k; i++) {
                        A[i] = [];
                        for (var j = 0; j < k; j++) {
                            var id = "A" + (i + 1) + (j + 1);
                            A[i][j] = parseFloat(document.getElementById(id).value);
if (isNaN (A[i][j])) { 
                            alert ('Valoarea 'A[i][j]' nu este un numar. Reintroduceti valoarea');
}
                        }
                    }                       
            }

            function readGrad() {               
                k = parseInt(document.getElementById("grad").value);            
                if (isNaN(k)) {
                    alert('Gradul introdus nu este intreg, reintroduceti gradul matricii');
                }
                if (k == 0) {
                    alert ('Determinantul trebuie sa fie mai mare ca 1');
                }
                if (k == 1) {
                    alert ('Determinantul trebuie sa fie mai mare ca 1');
                }
                return k;
            }       

            function genTable(i,j) {            
                //var i,j = parseInt(document.getElementById("grad").value);
                var myTable = '<TABLE BORDER="1" BORDERCOLOR="BLACK">\n <TBODY>\n';
                for (i = 0; i < 1; i++) {
                    myTable += '  <TR>\n';
                    for (j = 0; j < k+1; j++) {
                        myTable += '    <TD>'+j+'</TD>\n';
                    }
                    myTable += '  </TR>\n';
                }
                for (i = 1; i < k+1; i++) {
                    myTable += '  <TR>\n';
                    for (j = 0; j < 1; j++) {
                        myTable += '    <TD>'+i+'</TD>\n';
                    }
                    for (j = 1; j < k+1; j++) {
                    myTable += '    <TD><input class="element" id="A' + i + j + '" onblur="genArray()"></TD>\n';
                    } 
                    myTable += '  </TR>\n';
                }
                myTable += ' </TBODY>\n</TABLE>\n';
                document.getElementById('container').innerHTML = myTable;
            }
    </script>
</head>

<body style="background-color: #777; color: ddd;">
    <div style="margin: 20px;">
        <h1>Program de calculare determinant matrice de orice grad.</h1>
    </div>
    <div>
        Introduceti gradul matricei
        <input id="grad" type="text" value="" style="width: 50px;" onChange="readGrad()">           
        <input style="margin-top: 20px;" type="button" name="Calculate determinant" value="Generati tabel" onClick="genTable()"> 
    </div>
    <form name="Det Matrice">
        <div style="margin-top: 100px; float: left; width: 100%;">
            Introduceti valorile: 
            <table style="text-align: center;">
                <div id="container"></div>
            </table>
            <br>
        </div>
</body>
4

3 回答 3

1

尝试onblur="genArray()"代替onBlur="genArray()"

请注意，它都是小写字母！

于 2012-05-14T12:38:41.587 回答
1

您的代码工作正常。只需更正第 15 行中的语法错误，就像 jbabey 在评论中描述的那样。

于 2012-05-14T13:19:15.953 回答
1

更正警报的语法错误后， genTable() 工作。但是您的代码中有逻辑问题。您将 onblur 事件处理程序添加到生成的表格单元格中的每个文本字段。因此，每个单元格输入都会触发对 onblur 事件处理程序的调用，该处理程序将迭代整个表格。我不认为这是你想要的。此外，在迭代期间，您的 parseFloat 函数将在所有空单元格上失败。您应该只触发一次对 genArray() 的调用，或许可以使用一个按钮。

于 2012-05-14T14:14:25.677 回答