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


很早之前,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的結構如下:



獲取文本框的值:



看看實時演示效果:




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM