很早之前,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的結構如下:
獲取文本框的值:
看看實時演示效果: