افزودن تعدادی فیلد (Field) به فرم (Form)، از طریق اجرای کد، با مشخصه append ، در jQuery
فرض کنید که یک فرم (Form) داریم که در حالت اولیه دارای تعدادی فیلد (Field) می باشد، اما در هنگام اجرای صفحه (Page)، قصد داریم که با اجرای یک سری کد jQuery ، تعدادی فیلد (Field) جدید را به آن فرم (Form) اضافه نماییم.
برای این منظور، می توانیم از روش append در jQuery کمک بگیریم. به این صورت که کد مربوط به فیلد (Field) جدید را به روش append می دهیم تا به فرم (Form) مورد نظر اضافه نماید.
به عنوان مثال، فرض کنید که قصد داریم یک تگ input را به فرم (Form) مورد نظرمان اضافه کنیم. بنابراین کد jQuery زیر را می نویسیم :
که در آن، فرض کرده ایم که درون تگ form سازنده آن فرم (Form)، یک تگ div با id برابر kelidestan_add قرار دارد که قصد داریم تگ input جدید درون آن قرار بگیرد.
اجرای کد jQuery بالا، کد HTML زیر را به فرم (Form) اضافه می کند (کد HTML تعریف کننده یک تگ input جدید) :
به مثال زیر توجه کنید :
در صفحه HTML ، یک فرم (Form) به همراه تعدادی فیلد (Field) اولیه تعریف می‌کنیم و سپس یک دکمه (Button) نیز در کنار آن قرار می‌دهیم که با کلیک کاربر بر روی آن، یک فیلد (Field) جدید به فرم (Form) اضافه خواهد شد.
کد HTML مربوط به فرم (Form) :
کد HTML مربوط به دکمه (Button) :
کد های jQuery :
کل کدهای صفحه HTML :
نتیجه :
Engineerzare سلام وقتتون بخیر خیلی عالی و واضح بود فقط اینکه کد درج اطلاعات که با فیلد پویا دریافت می کنیم در دیتابیس یا ارسالش به ایمیل هم بزارید یا اگر توی سایت دارید لینکش بدید