آموزش طراحی وب

رویداد select در جی کوئری

در این جلسه با یک رویداد دیگه از جی کوئری در خدمتتون هستم. قصد دارم در رابطه با رویداد select در جی کوئری صحبت کنم و با ذکر مثال اون رو براتون شفاف سازی کنم.

screen_shot_2013-03-18_at_9.46.27_pm

فصل سوم : event ها در جی کوئری

جلسه دهم : رویداد select در جی کوئری

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

دوستای عزیز در این جلسه با یک رویداد دیگه از جی کوئری در خدمتتون هستم. قصد دارم در رابطه با رویداد select در جی کوئری صحبت کنم و با ذکر مثال اون رو براتون شفاف سازی کنم.

 

رویداد select در جی کوئری

رویداد select زمانی اتفاق میوفته که شما متن داخل یک فیلد متنی رو انتخاب کنید . اون فیلد متنی میتونه input باشه یا textarea . این رویداد در موارد خاصی کاربرد داره و آنچنان استفاده ای نداره و بستگی به قابلیت های وب شما داره.

 

قاعده دستوری رویداد select

 

Selector : عنصر مورد نظر ماست که قراره رویداد روی این عنصر اتفاق بیوفته .

Select : نام رویداد هست.

Function : عملیاتی هست که قراره هنگام رویداد select انجام بشه .

 

خوب حالا یه مثال میزنیم. ما یه فرم داریم که شامل دو فید متنی میشه. زمانی که کاربر متن داخل فیلد متنی رو انتخاب کنه مقدار فیلد متنی رو بهش نمایش میدیم و میگیم که شما این مقدار رو انتخاب نموده اید. خوب برای این کار اول html مورد نیاز رو پیاده میکنیم.

 

حالا جی کوئری این رویداد رو مینویسیم :

 

اینجا گفتیم که اگر متن input ها select شدند، مقدار درون هر کدوم رو بگیر و در متغییر value ذخیره کن و بعد با alert نمایش بده.

از this استفاده کردیم که روی هر input که رویداد اجرا شد متن input جاری رو انتخاب کنه و در متغییر ذخیره کنه. به عبارتی تشخیص میده که الان رویداد رو کدوم input اجرا شده متن اون input رو انتخاب میکنه.

در این مثال شما هم ذخیره سازی مقادیر در متغییرهارو یاد گرفتید و هم نحوه ی استفاده از this رو یاد گرفتید.

به همین راحتی 🙂 امیدوارم که این مطلب براتون مفید بوده باشه. میتونید دموی آنلاین رو هم مشاهده کنید.

 

موفق و پاینده باشید .

تهیه شده در مدرسه مجازی ایرانیان

 

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۲

  • باسلام وعرض خداقوت به دست اندرکاران سایت
    برخودم فرض می دانم که بدلیل استفاده از راهنمایی های خان مهندس ازشون تشکر کنم وآرزوی موفقیت روز افزون در ادامه این راه ورسیدن به قله های استادی دارم

  • سلام
    مطالبی که قرار میدین واقعا عالی هستند اما یه بدی که دارند اینکه پیش نمایش ندارند
    اگه داشتند عالی میشد
    و یا دانلود همین مثال

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین