نمایش لیست استان ها و شهرهای ایران در فرم

شاید بارها توی سایت هایی رفته باشید جهت تکمیل فرم یکی از اطلاعات ضروری ، انتخاب استان و سپس شهر باشد ،

ما در این مقاله با زبان های HTML و جاوا اسکریپت قصد داریم به شما آموزش دهیم که شما چگونه ابتدا لیست استان و پس آن بصورت خودکار لیست شهر و شهرستان های استان فوق را در فرم هایتان نمایش دهید / اضافه کنید .

ابتدا یک فایل با پسوند .html بسازید و محتویات زیر را درون آن (بین تگ body) قرار دهید و یا اگر فرم دارید در مکان  مشخص از فایل های خود قرار دهید :

پس از آن برای لود شهر و شهرستان ها کد جاوا اسکریپت زیر را درون یکی از فایل های .js قالب خود قرار دهید :

 

برای مشاهده نتیجه اینجا کلیک کنید .

برای دریافت سورس (کد) اینجا کلیک کنید .

سوالات خود را میتوانید از طریق نظرات برای ما ارسال کنید .

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5٫00 out of 5)
Loading...

برای این نوشته 7 نظر ثبت شده

  1. m

    سلام با Jqueryخیلی راحت تر میشه لیست استان ها و شهر ها رو درست کرد.
    البته همون جوری که میدونید با PHP خیلی راحت تر میشه لیست و از دیتا بیس گرفت.

    البته من از روش شما هم خوشم آومد ،عالی بود

    1. محمدرضا کمالی

      درود .
      اگر از php خالی (بدون ایجکس) بخواید استفاده کنید ، برای لود کردن شهرستان ها ، نیاز به رفرش صفحه دارد .
      همچنین استفاده از جیکوئری ، نیاز به لود کردن فایل jquery دارد ، که شاید با بعضی قالب ها تداخل داشته باشد !
      به هر حال کدنویسی و برنامه نویسی محدود نیست و با روش های مختلف میتوان هر کاری را انجام داد .
      موفق باشید .

  2. مهدی

    ممنون فقط بهتر نبود به جای کد از اسم شهر برای value استفاده میکردین و یا تابعی هم می نوشتین که کد ها رو تبدیل به اسم کنه؟

  3. نوبتی

    ممنون عزیز
    اما فکر کنم بعضی از شهر هارو نداشته باشه

    1. محمدرضا کمالی

      درود .
      اگر شما آپدیتی برای شهرها دارید ، از طریق ایمیل kamali [at] iranwebsv.net با بنده در ارتباط باشید تا مطلب بروزرسانی شود .

      موفق باشید .

  4. عماد یوسفی

    توی فرم های php هم میشه اضافه کرد ؟

    1. محمدرضا کمالی

      بله ، فقط باید سیستم / اسکریپت شما Open Source باشه و زبان Php هم بلد باشید که بتونید به فرم اضافه و مقدار آن درون دیتابیس ذخیره بشه .

دیدگاهتان را بنویسید

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