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

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

دسته بندی موضوعات
سفارش تبلیغات

رویداد 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 رو یاد گرفتید.

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

 

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

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

 

دموی آنلاین

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • واحدی

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

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

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

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟