Question

I’m working in MVC and was trying to use jquery to perform the following, if there is an easier way i’d be happy to hear it…

I’m looking to have my form create dynamic input to produce something for example that could look like this: *i won’t know how many subcat’s they are going to enter nor how many main categories.

category0 <btnInsertSubCat0>
subcat0.0
subcat0.1
subcat0.2

category1 <btnInsertSubCat1>
subcat1.0 
subcat1.1 

<btbInsertNewCat>

I can produce a button that appends textboxes one after another as well as a button next to it but even if I use the .live attribute I can’t get the subcat button to fire. Changed code around a lot and looked at different tutorial to no avail, fig. this would be semi easy to do?

jQuery(document).ready(function () {
                var procID = 0;
                var orgID = 0;

                $('.clickme').live('click', function () {
                    var newItem = $("<input type='text' name='Procedure[" + procID + "]' value='Procedure[" + procID + "] />");
                    var newLabel = $("<br /><label id='Label[" + procID + "]' >ProcedureID: [" + procID + "]</label>");
                    var newDiv = $("<div class='objective'><b>Insert Objective</b>[" + procID + "." + orgID + "]</div>");
                    $("#procedureHolder").append(newLabel);
                    $("#procedureHolder").append(newItem);
                    $("#procedureHolder").append(newDiv);
                    procID++;
                });

                $('.objective').live('click', function () {
                    var newObj = $("<input type='text' id='Objective[" + (procID - 1) + "." + orgID + "]' >ObjectiveID: [" + (procID - 1) + "." + orgID + "]</label>");
                    $("#procedureHolder").append(newObj);
                    orgID++;
                });

            });

Answer 1

I edited my post,
figured it out on my own how to utilize jquery to create an unlimited number of child dynamic textboxes. They all post back in the form collection as well. I figured out why the objectives weren’t showing up, turns out i was declaring ID rather than Name.

Thanks!