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

我调用了两个单独的函数来生成动态文本框，其中一个函数工作正常，而另一个不工作，尽管生成文本框的代码除了变量名和标签名之外是相同的。有谁能告诉我我做错了什么，我怎么才能弄明白

这是不起作用的功能

           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);
        };

var C=3；
var matrixArray=[“问题”，“mrank”]；
$（“#添加矩阵”）。单击（函数（）{
对于（var j=0；j

这是我的JSFIDLE，包含完整的代码

---

我在您的

jsFIDLE

中发现了一个错误，请查看按钮“matrix button”的id，它是

addmatrix

，您正在将

onClick

事件绑定到

addmatrix

，并且通过

id

的javascript事件绑定区分大小写，因此该事件不会被绑定

---

这可能会解决您的整个问题，因为它阻止执行单击事件。

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

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

$（“#添加矩阵”）。单击（函数（）{
对于（var j=0；j

单击事件后，当我在CreateMatrixInput函数中将l作为参数传递时，它将生成两个文本框。虽然我用的是同一个函数，如果你看一下，它的效果很好，但仍然没有成功。哦，这是一个很好的接球手。区分大小写是疯狂的。所以现在很清楚，我们可以在同一个页面上调用任意多个函数而不会出现任何问题，这很好，两个区分大小写的错误=p我只发现了一个哈哈：p