ارسال اطلاعات فرم بدون دکمه submit

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

در ساخت فرم در حالت معمول بعد از فیلد ها یک دکمه سابمیت submit برای ارسال اطلاعات گذاشته میشه که با کلیک بر روی این دکمه اطلاعات فرم به صفحه تنظیم شده فرستاده میشود اما در بعضی قسمت های سایت نیاز هست که فرم بدون دکمه سابمیت (submit) باشد برای مثال در فروشگاه های اینترنتی احتمالا گزینه های فیلتر را دیده اید که با انتخاب یک از آیتم های لیست کشویی به صفحه دیگری هدایت میشوید یک نوع انجام این کار با همین روشی که خواهم گفت میشود انجام داد.

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

تمامی تگ ها و فیلد های فرم را مانند حالت عادی بنویسید و بعد در داخل فیلدی که قصد دارید بعد از انتخاب کاربر فرم ارسال شود یک رویداد جاوا اسکریپت به نام onchange بنویسید

در این رویداد  با مقدار ()this.form.submit با هر کلیک کاربر اطلاعات فرم به سرور ارسال میشود.

<form class="form-inline" action="actions.php" method="POST">

 <div class="form-group">

           <select  id="select-item"  onchange="this.form.submit();"  class="form-control">

                 <option value="0">انتخاب کنید</option>

                 <option value="1"> گزینه یک </option>;

                 <option value="2"> گزینه دو </option>;

                  <option value="3"> گزینه سه </option>;

       </select>

  </div>

  </form>

 

پاسخ دهید

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