اضافه و حذف کردن TextBox در jQuery

در این مقاله قصد داریم اضافه و کم کردن المنت ها به textbox را به صورت داینامیک به شما آموزش دهیم. که با استفاده از یک مثال این کار را انجام میدهیم.

JQuery یک کتابخانه از javaScript است،که ما را در ساخت صفحات تعاملی کمک میکند.

در jquery اضافه کردن المنت های پویا بسیار ساده است.

ما متد append() را داریم که اجازه چسباندن متن به انتهای المنت را به ما میدهد.

متد remove() اجازه حذف محتوا از المنت خاصی را به ما میدهد.

با یک مثال دو متد را بهتر درک میکنیم.

 

“Click to add textbox” کنید به textbox چسبانده میشود و هنگامی که بر روی “Click to remove textbox” کلیک کنید آخرین مطلب اضافه شده از آن حذف میشود.

وقتی که دکمه add کلیک میشود با کمک Id selector آنرا میگیریم و متد function اجرا میشود.

تابع (append) ،<div><br><input type=’text’/><br></div>برای textboxDiv با کمک متد append() تقسیم میشود.

برای درک بهتر این دو متد به عکس زیر توجه کنید :

با این روش المنت ها به سادگی در jquery اضافه و حذف میشوند فقط با کلیک بر روی دکمه این کار انجام میشود.

 

دانلود سورس کد
پسورد : csharpoop.com
پیش نمایش آنلاین

اضافه و حذف کردن TextBox در jQuery
5 (100%) 1 رای

(434 نوشته)

C# Programmer , Web Design And Developer , MVC , ASP.NET

فکر شما چیست؟

آدرس ایمیل شما منتشر نخواهد شد. بخشهای موردنیاز علامتگذاری شدهاند *

حاصل جمع اعداد را وارد کنید : *