تبلیغات

قطعه کد ارسال متن المنت select option به جای value در فرم HTML

ارسال متن المنت select option به جای value در فرم HTML

در فرم‌های HTML، اگر از select option استفاده کنیم، مقدار ویژگی value آنها به سرور ارسال می‌شود؛ ولی ممکن است که بخواهید مقدار متن نمایشی به جای value ارسال شود! 🙂 برای انجام این کار، از جاوا اسکریپت + جی کوئری استفاده می‌کنیم.

آموزش انجام کار

فرض کنید المنت select ما به صورت زیر است:

کد جاوا اسکریپت ما باید بصورت زیر باشد:

شرح کد: رویداد مربوط به زمان submit شدن فرم مورد نظر خود را ایجاد کردیم. سپس داخل این رویداد، رویداد مربوط به زمانی که مقدار ویژگی value از select آپشن‌های داخل فرم گرفته می‌شود را پیاده‌سازی کردیم؛ تا داخل آن به جای value، متن select خود را برگرانیم. 😀

نکته
برای هر آپشنی که بخواهید می‌توانید با تغییر سلکتور جی‌کوئری، این کار را انجام دهید.
تبلیغات
0
کانال تلگرام فول کده
تبلیغات

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

هادی اکبرزاده

[ مدیر فول کده ]

علاقه‌مند به اشتراک گذاری اطلاعات در هر زمینه‌ای / برنامه‌نویس و دانشجوی ارشد رشته شبیه‌ساز هوشمند - در حال نوشتن یه رمان (اگه خدا بخواد و تموم شه ?)

پاسخ دهید

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

نظرات ثبت شده بدون دیدگاه