دریافت مقدار وارد شده در یکی از ورودی های (input) یک فرم (form)، با val ، در jQuery

در این مبحث قصد داریم آموزش بدهیم که چگونه مقداری که کاربر در یکی از ورودی های (input) یک فرم (form) وارد کرده است را با استفاده از jQuery دریافت کنیم تا سپس بتوانیم عملیات های مورد نظرمان را بر اساس مقدار وارد شده توسط کاربر، انجام بدهیم.

چنانچه عنصر input مورد نظرمان دارای id برابر kelidestan باشد :

آنگاه کدهای زیر را می نویسیم :

اکنون مقدار درون عنصر input در متغیری با نام myValue ذخیره شده است و می توانیم از آن در ادامه کدها استفاده کنیم.

به مثال زیر توجه کنید :

مثال

قبل از هر چیز، باید تگ input مربوط به آن ورودی (input) در فرم (form) را با یک id مشخص کنیم. به عنوان مثال، فرم (form) را با کدهای HTML زیر می سازیم :

همچنین یک دکمه (Button) نیز تعریف می کنیم که هنگام کلیک کاربر بر روی آن، مقدار وارد شده در فرم توسط jQuery دریافت شده و عملیات هایی بر اساس آن، اجرا شود (دکمه نیز باید با یک id منحصربفرد مشخص شده باشد) :

بنابراین، اکنون کدهای jQuery زیر را می نویسیم تا مقدار وارد شده در فرم (form)، در یک پیام به کاربر نمایش داده شود :

بنابراین کل کدهای صفحه HTML به صورت زیر می باشد :

نتیجه :

در فرم، یک عبارت را وارد کرده و سپس بر روی دکمه کلیک کنید :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 2794
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 3 3 0
رافق
۱۴۰۰/۰۴/۲۸
۲۳:۳۹

سلام.
حالا اگر چند اینپوت داشته باشیم که همگی دارای یک کلاس باشند. چطوری می تونم مقادیر همه اونها رو بگیرم و بندازم توی یک آرایه؟
می دونم با آیدی می شه تک به تک گرفت اما من آیدی هام به صورت داینامیک تولید می شن و هر دفعه هم یک تعداد متفاوته و آیدی ها هم متفاوت
در صورت اممکان جواب رو برام ایمیل کنید. با تشکر

سارا
۱۴۰۱/۱۰/۱۰
۰۹:۰۲

اگر بدون زدن دکمه بخوایم مقدار یک اینپوت رو بگیریم باید چیکار کنیم؟

admin
۱۴۰۱/۱۰/۱۱
۰۹:۰۸

سلام.

چنانچه عنصر input مورد نظرمان دارای id برابر kelidestan باشد :

آنگاه کدهای زیر را می نویسیم :

اکنون مقدار درون عنصر input در متغیری با نام myValue ذخیره شده است و می توانیم از آن در ادامه کدها استفاده کنیم.

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)