動態添加或減少文本框，並獲取文本框值

很早之前，Insus.NET有實現過《點擊一次銨鈕產生一個新文本框，分別輸入值，然后獲取》http://www.cnblogs.com/insus/archive/2012/09/24/2700658.html 。今天想再次演練它，不過是在asp.net mvc的環境之下，使用jQuery來實現。不使用web控件。

創建一個視圖操作：



在視圖中，放置兩個銨鈕和兩個Div標簽，當用動態加載的容器：



在視圖中，添加jQuery的引用：

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

添加和減少文本框：



上面#37行代碼，當點擊添加一個文本框之后，產生的html的結構如下:



獲取文本框的值：



看看實時演示效果：