Dynamically add or remove text boxes and obtain text box values

A long time ago, Insus. NET has implemented "click a button to generate a new text box, enter values, and then get" http://www.cnblogs.com/insus/archive/2012/09/24/2700658.html. I want to practice it again today, but it is implemented using jQuery IN THE asp.net mvc environment. Do not use web controls.

Create a view operation:



Put two buttons and two Div labels in the view. When the dynamic loading container is used:



Add jQuery references to the View:

<Script src = "~ /Scripts/jquery-2.1.0.js "> </script>

Add and remove text boxes:



Line #37 of the Code above. When you click to add a text box, the structure of the generated html is as follows:



Get the value of the text box:



Let's take a look at the real-time Demo: