طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

آموزش ایجاد فیلد انتخاب استان و شهر به صورت Ajax در php


آموزش ایجاد فیلد انتخاب استان و شهر به صورت Ajax در php

بروزرسانی در ۱۳۹۷/۰۱/۰۱ : افزودن سورس کد

یکی از کارهایی که معمولا در پروژه ها انجام میشه ایجاد فرم ها هست . برای ثبت نام کاربر، ثبت کالا و … . در این فرم ها یکی از فیلدهایی که خیلی مورد استفاده قرار می گیره معمولا فیلدهای انتخاب استان و سپس شهر ، هستند .

به این صورت که لیست استان ها ابتدا انتخاب میشه و بعد لیست شهرهای استان انتخاب شده، در فیلد دیگر به صورت ایجکس بارگذاری میشه . مزیت استفاده از ایجکس سادگی فرم و سرعت لود زیاد (چون نیاز نیست همه شهرها از اول داخل فرم باشند) است.

همچنین در آخر لیست کامل استان و شهرهای ایران را برای راحتی کار شما قرار دادیم که به صورت فایل SQL است و می توانید به راحتی در دیتابیس خود ایمپورت کنید و ازش در پروژه های خودتان بهره ببرید

کد php اتصال به دیتابیس

ابتدا با استفاده از کد بالا و آبجکت PDO به دیتابیس MySQL متصل شدیم . برای آشنایی با نحوه اتصال به دیتابیس با PDO کلیک کنید.

کد HTML فیلد انتخاب شهر و استان

این کد نیز ساده است و یک خصیصه id مهم دارد بنام city که بعد از گرفتن لیست شهرها و استان ها که در بالا گفته شد ، بوسیله این id ، شهرها رو با Jquery به فیلد اضافه می کنیم.

کد jQuery مورد نیاز

حتما از قبل مطمئن باشید کتابخانه جی کوئری فراخوانی شده باشد.(سورس کد نهایی از باکس دانلود قابل دریافت می باشد)

در این کد دو بخش وجود دارد . اول یک رویداد به نام change و تابع anonymous که وقتی استان انتخاب شد فراخوانی می شود و لیست شهرهای مربوط به استان را بوسیله ایجکس دریافت می کند و در فیلد انتخاب شهر ، کپی می کند.

در بخش انتهایی کد هم بخش مربوط به تشخیص رویداد انتخاب استان رو می بینید که در این هنگام ، رویداد change احرا می شود و با استفاده از ajax یک درخواست به فایل cities.php برای دریافت شهر های مختص آن استان را ارسال میکنیم

 

فایل cities.php

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

فایل SQL حاوی تمام شهر ها و استان های کشور عزیزمان ایران را در فایل جداگانه ای برای دانلود قرار دادیم که به راحتی می توانید در دیتابیس مورد نظر خود وارد (import) کنید.

آموزش ایجاد فیلد انتخاب استان و شهر به صورت Ajax در php

برای دانلود سورس کد کامل فیلد انتخاب استان و شهر به صورت Ajax به قسمت باکس دانلود مراجعه کنید.

امیدوارم این آموزش مفید بوده باشه و بتوانید در پروژه هایی که نیاز به دریافت شهر و استان کاربر به منظور ارسال مرسوله های پستی در فروشگاه ها از آن استفاده کنید.

هر گونه مشکلی در اجرای کدها داشتید از قسمت نظرات ارسال کنید.سریعا پاسخگوی سوالات شما هستیم .

موفق باشید

6+

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان های تحت وب, امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

avatar
9 دیدگاه ها
12 پاسخ ها
0 دنبال کننده ها
 
دیدگاه با بیشترین پاسخ
پرطرفدارترین دیدگاه ها
7 تعداد نویسندگان دیدگاه
مصطفیحسن شفیعیامیر نجفی انامقیehsanامید نویسنده های اخیر دیدگاه
مصطفی
مصطفی

سلام
خیلی ممنون از شما
خدا خیرتون بده

فقط من وقتی می خوام از این کدها داخل فریم ورک کدایگنایتر استفاده کنم جواب نمی ده. در واقع فایل cities.php رو پیدا نمی کنه.

راه حلی براش دارید؟

۰
امیر نجفی انامقی
امیر نجفی انامقی

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

۰
امیر نجفی انامقی
امیر نجفی انامقی

سلام فرض کنیم نام استانها به عنوان یک منو در صفحه هستند و نام شهرها به عناون زیر منوی آنها لطفل طریق پرکردن این زیر منو ها را هم لطف بفرمایید آموزش دهید وقتی روی نام هر استان ماوس برده می شود زیر منوهای آن پر شود و با کلیک بر روی هر زیر منو محصولات مربوط به آن شهر نمایش داده شود (منظورم یعنی چه پارامترهایی به صفحه جستجو ارسال می شود. مثال با رفتن بر روی آذربایجان شرقی زیر مجموعه آن یعنی تبریز-مرند- میانه ……. پر شود و با کیک بر روی مرند تمام محصولاتی که شهر تولید… نمایش بیشتر

امیر نجفی انامقی
امیر نجفی انامقی

سلام واقعا آموزش زیبا و به درد بخوری بود فقط یک مشکل! اینکه هنگامی که می خواهم مقادیر این دوتا کمبوباکس رو به پایگاه داده بفرستم value اونها یعنی عدد فرستاده میشه و نام استان و شهر فرستاده نمیشه به نظرتون چکار باید کرد

۰
ehsan
ehsan

آقا دمت گرم خدا ازت راضی باشی فوق العاده بود، مخصوصا فایل sql که گذاشتی خیلی کار راه بنداز بود.

۰
امید
امید

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

۰
saman 5141
saman 5141

من اینسرت کردم ولی ای دی شهرها رو تو دیتابیسم ذخیره میکنه..میخوام اسم استان و شهر رو ذخیره کنه و بعدش که سلکت کردم مشخصات استان و شهری که ذخیره شده برام نشون بده تو همون لیست..ممنون میشم راهنماییم کنید

۰
saman 5141
saman 5141

سلام..ممنون عالی بود اما اگه بخوایم استان و شهر رو در جدولی اینسرت کنیم چیکار باید بکنیم؟

۰
حسین
حسین

بد ترین نوع آموزش سردرگمی هست که دارید انجام میدید وقت مارو میگیرید تا در انتها میفهمیم چیزی رو کم گذاشتید
مثلا الن اصل سختیسش اون قسمت json و php هست که نگذاشتید. تشکر

۰

دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

نظرسنجی

آموزش های آنلاین در چه زمینه ای تهیه کنیم ؟

نظر شما برای ما بسیار مهم است

Loading ... Loading ...

سورس فروشگاهی دیجی کالا

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

دانلود کتاب

عضویت رایگان خبرنامه