javascript - 调用多个函数在同一页面上生成文本框

Question

我正在调用两个单独的函数来生成动态文本框，其中一个函数工作正常，而其他函数则不起作用，尽管用于生成文本框的代码是相同的，除了变量名称和标签名称之外。谁能告诉我我做错了什么以及我该如何解决这个问题？

这个功能不起作用。

           var C = 3;
       var matrixArray = ["question", "mrank"];

       $("#addMatrix").click(function () {
         for(var j = 0; j < matrixArray.length; j++){
            createMatrixInput(MatrixArray[j]);
         }
         C++;
       });
function createMatrixInput(l){
            var tb_Div = $('#TextBoxes');
            var mstr = '<div class="control-group">';
            mstr += '<label class="control-label">' + l + " " + C + '</label>';
            mstr += '<div class="controls">';
            mstr += '<input type="text" id="' + l + '_' + C + '" name="'+ l +'_' + C + '" />';
            mstr += '</div>';
            mstr += '</div>';
            tb_Div.append(mstr);
        };

这是我的 jsfiddle，带有完整的代码。

http://jsfiddle.net/qqqyC/2/

Answer 1

有 2 个问题。按钮id是addmatrix，数组是matrixArray，而不是MatrixArray。该方法应如下所示:

$("#addmatrix").click(function () {
    for(var j = 0; j < matrixArray.length; j++){
        createMatrixInput(matrixArray[j]);
        C++;
    }
});