Calling multiple functions to generate textboxes on same page

Question

I am calling two separate functions to generate dynamic textboxes one of the function works fine whereas other doesn't work though the code for generating textboxes is same except the variables names and label names. Could anyone please let me know what I am doing wrong and how can i figure out this ?

this is the function which is not working.

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

this is my jsfiddle with complete code.

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

jsbeautifier.org

user1636522
– user1636522

2013-11-18 15:31:48 +00:00
Commented Nov 18, 2013 at 15:31 — user1636522
– user1636522, Commented Nov 18, 2013 at 15:31

Jacob Mouka · Accepted Answer · 2013-11-18 19:15:25Z

1

There are 2 problems. The button id is addmatrix and the array is matrixArray, not MatrixArray. The method should look like:

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

answered Nov 18, 2013 at 19:15

Jacob Mouka

2,11519 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Suleman khan Over a year ago

Oh that's the good catch man. Case sensitivity is crazy. So now its clear we can call as many as functions on same page without any issues, its great.

Paulo Roberto Rosa Over a year ago

nice, two case sensitive mistakes =p i've spotted only one haha :p

Paulo Roberto Rosa · Accepted Answer · 2013-11-18 16:22:13Z

1

I've spotted a error in your JSFiddle see the id of your button "matrix button" it is addmatrix and you are binding the onClick event to addMatrix and javascript event binding via ID is case sensitive, so the event will not be bind.

Maybe this will solve your whole problem, because it was preventing to execute the click event.

edited Nov 18, 2013 at 16:22

answered Nov 18, 2013 at 15:20

Paulo Roberto Rosa

3,2815 gold badges32 silver badges53 bronze badges

2 Comments

Suleman khan Over a year ago

Once the event click it will generate two textboxes as I am passing l as a parameter in CreateMatrixInput function. Though same function I am using and its works fine if you have a look on jsfiddle.net/qqqyC/1

Suleman khan Over a year ago

Still same no success.

Collectives™ on Stack Overflow

Calling multiple functions to generate textboxes on same page

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related