طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

ساخت تکست باکس داینامیک با jQuery و PHP


ساخت تکست باکس داینامیک با jQuery و PHP

در این آموزش قصد داریم به شما نحوه افزودن / حذف Textbox ها بصورت داینامیک با جی کوئری و php را نشان بدیم. همچنین نحوه خواندن مقادیر (values) تکست باکس های ساخته شده بصورت پویا و ذخیره آن در دیتابیس MySQL را شرح خواهیم داد.

مراحل ساخت تکست باکس داینامیک با jQuery و PHP

  1. ذخیره کد HTML تکست باکس در فایل جداگانه
  2. لود و افزودن (append) تکست باکس داینامیک
  3. پاک کردن آیتم تکست باکس با رویداد delete
  4. خواندن و افزودن داده ها به دیتابیس هنگام سابمیت فرم.

کد SQL ساخت جدول

دستور CREATE زیر را بر روی دیتابیس خود در محیط کامند MySQL اجرا کنید تا جدول item ساخته شود.

کد HTML تکست باکس

کد زیر را در فایل input.php ذخیره کنید. این فایل بعدا توسط جی کوئری برای افزودن و ساخت تکست باکس داینامیک در محل مورد نظر استفاده می شود.

لود و افزودن (append) تکست باکس داینامیک

تابع جاوااسکریپت زیر محتویات فایل input.php را با استفاده از متدload() خوانده و با اجرای تابع بازگشتی مقدار HTML آن را append می کند.

حتما بخوانید  عملیات CRUD درون خطی جدول توسط PHP

حذف Textbox

ما یک چک باکس به ازای هر یک از تکست باکس هایی که بصورت داینامیک اضافه شدند داریم که برای انتخاب سطر و حذف , از آن استفاده می کنیم.

و اسکریپت jquery برای حذف آیتم های تیک خورده بصورت زیر است :

خواندن اطلاعات تکست باکس

مثال زیر را طبق معمول در چندین مثال عملیات crud در mysql با php دیدیم .

کد php این بخش صورت زیر است :

خروجی ساخت تکست باکس داینامیک با jQuery و PHP

اسکرین شات زیر به شما افزودن داینامیک باکس متنی را توسط jquery را نشان می دهد.  چک باکس های اضافه شده قبل از input ها برای انتخاب و حذف دسته جمعی سطر ها استفاده شده است.

حتما بخوانید  ساخت لیست آبشاری داینامیک با php و jquery

ساخت تکست باکس داینامیک با jQuery و PHP

جمع بندی

امیدوارم از آموزش ساخت تکست باکس داینامیک با jQuery و PHP نهایت استفاده را ببرید .

در قسمت ها مختلف CMS ها مثل افزودن گالری تصاویر , مهارت های جدید هنگام ثبت فرم ها , لینک های جدید و خیلی از بخش های مختلف مدیریت / کاربری که نمی توان حدس زد که کاربر به چه مقدار از این ورودی نیاز به ثبت دارد می توانید از این آموزش استفاده کنید .

 

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

دیدگاهتان را بنویسید

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

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

افزایش امنیت سایت

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

دانلود کتاب

عضویت در خبرنامه