How do i dynamically adding controls in asp.net with JavaScript or JQuery.

Question

I have a field with a 1:N relationship with some other fields. I need the user to specifier how many elements are related to that particular field to enable me create the right amount of controls dynamically through JavaScript of JQuery.

I dont want to have the user enter the data repeatedly.

How can i create these controls please?

Answer 1

One way is, you can have a div with some Id and access that div using jQuery and append the html of the control that you want to that div. (all your dynamic controls that you want to add can go into this div)

<div id="ControlsContainer"> </div> <!-- this is in the aspx page -->

In the java script, you can do something like this

var previousHtml = $("#ControlsContainer").html();
$("#ControlsContainer").html(previousHtml + "<input type='text' value='something'>");

Thanks