How to make function for dynamicly add/remove controls

Jordan Trajkov

How to make function for dynamicly add/remove controls, something like the image preview:

https://snag.gy/xWYRUr.jpg

I want to put a button, add new field, and a buttons to remove next to every field as in the image preview which i attach above?

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Guest User10y ago
http://www.aspsnippets.com/Articles/Creating-Dynamic-DropDownList-Controls-in-ASP.Net.aspx
Jainish Shah10y ago
Hello, as Midhun T P said, you can use jQuery. It is very simple. You just need to append the dropdown list on button click. You can append as many UI elements as you want. Also, once the UI elements are added, if you need to store the values in database, you can do that too.

You can additionally refer the following threads for more information if you want to do it using c#:

http://www.codeproject.com/Questions/355847/how-to-create-dynamic-textbox-dropdown-list-in-asp

http://stackoverflow.com/questions/29196940/how-to-create-a-dynamic-textbox-from-dynamically-created-drop-down-list-in-c-sha

http://stackoverflow.com/questions/18349368/how-to-create-dynamic-textbox-dropdown-list-in-asp-net
Jordan Trajkov10y ago
I'm developing asp.net web forms application.
Bikesh Srivastava10y ago
Hi,
Firstly let me know your technology,
its window based,web based,angularjs or any other
because in every language we have different and simple technique
Jordan Trajkov10y ago
Ok, this could be an option. But i have to create user controls, with more textboxes and other asp controls inside. They will be much bigger. And i should later store infos from this user controls to database. I think with jquery this is too complex. Is there some .net solutin?
Midhun Tp10y ago
Hi, it is much simple using jquery. Please go through below threads for examples -
http://www.aspforums.net/Threads/119184/Dynamically-create-DropDownList-on-Client-Side-using-jQuery-in-ASPNet/
http://www.aspsnippets.com/Articles/Dynamically-add-and-remove-TextBoxes-using-jQuery.aspx