نمایش نتایج 1 تا 7 از 7

نام تاپیک: ایجاد لیست های کشویی استان و شهرهای هر استان

Threaded View

پست قبلی پست قبلی   پست بعدی پست بعدی
  1. #5
    کاربر دائمی آواتار mazoolagh
    تاریخ عضویت
    اردیبهشت 1384
    سن
    71
    پست
    3,102

    نقل قول: ایجاد لیست های کشویی استان و شهرهای هر استان

    برای نمایش روش کار یک فایل html ساده با 4 کمبو درست میکنیم:
    <body>
    <form id="form1" action="">
    <div id="fields">
    <label for="cb_State">استان:</label>
    <select id="cb_State">
    <option value="-1">----</option>
    </select>
    <label for="cb_County">شهرستان:</label>
    <select id="cb_County">
    <option value="-1">----</option>
    </select>
    <label for="cb_District">بخش:</label>
    <select id="cb_District">
    <option value="-1">----</option>
    </select>
    <label for="cb_City">شهر:</label>
    <select id="cb_City">
    <option value="-1">----</option>
    </select>
    <label></label>
    <input type="submit" value="Submit">
    </div>
    </form>
    </body>


    و کدهای جاوااسکریپت رو اضافه میکنیم:

        <script src="data.js"></script> 
    <script>
    var Counties; // شهرستانها
    var Districts; // بخشها
    var Cities; // شهرها

    window.onload = function () {
    States.forEach(function (x) {
    cb_State.add(new Option(x.State, x.StateID));
    });
    cb_State.selectedIndex = 0;

    cb_State.onchange = function () {
    cb_County.length = 1;
    cb_District.length = 1;
    cb_City.length = 1;
    var selected_StateID = this.value;
    if (selected_StateID !== '-1') {
    Counties = States.find(x => x.StateID == selected_StateID).Counties;
    Counties.forEach(function (x) {
    cb_County.add(new Option(x.County, x.CountyID));
    });
    };
    };

    cb_County.onchange = function () {
    cb_District.length = 1;
    cb_City.length = 1;
    var selected_CountyID = this.value;
    if (selected_CountyID !== '-1') {
    Districts = Counties.find(x => x.CountyID == selected_CountyID).Districts;
    Districts.forEach(function (x) {
    cb_District.add(new Option(x.District, x.DistrictID));
    });
    };
    };

    cb_District.onchange = function () {
    cb_City.length = 1;
    var selected_DistrictID = this.value;
    if (selected_DistrictID !== '-1') {
    Cities = Districts.find(x => x.DistrictID == selected_DistrictID).Cities;
    Cities.forEach(function (x) {
    cb_City.add(new Option(x.City, x.CityID));
    });
    };

    };
    };
    </script>


    فایل پیوست شامل demo.html با 4 کمبو آبشاری و data.js با اطلاعات زیر هست:
    31 استان
    474 شهرستان
    1163 بخش
    1431 شهر
    فایل های ضمیمه فایل های ضمیمه

تاپیک های مشابه

  1. سوال: ایجاد یک منو کشویی از لیست استان ها و شهر ها با کمک DNTPersianUtils.Core
    نوشته شده توسط alibahman47 در بخش ASP.NET MVC
    پاسخ: 1
    آخرین پست: جمعه 30 شهریور 1397, 18:46 عصر
  2. آموزش: دانلود نمونه پروژه لیست کشویی با قابلیت جستجو در لیست
    نوشته شده توسط malloc در بخش ASP.NET Web Forms
    پاسخ: 11
    آخرین پست: جمعه 24 شهریور 1396, 16:10 عصر
  3. لیست کردن سایت های جستجویی گوگل در یک فایل تکست
    نوشته شده توسط rooterror در بخش برنامه نویسی مبتنی بر Microsoft .Net Framework
    پاسخ: 1
    آخرین پست: جمعه 02 بهمن 1394, 10:15 صبح
  4. حرفه ای: لیست کشویی با قابلیت جستجو
    نوشته شده توسط milad.biroonvand در بخش ASP.NET Web Forms
    پاسخ: 1
    آخرین پست: شنبه 07 شهریور 1394, 08:35 صبح
  5. سوال: طریقه دسترسی و بایند کردن لیست کشویی داخل گیرید
    نوشته شده توسط zhr.rezae66i در بخش ASP.NET Web Forms
    پاسخ: 7
    آخرین پست: یک شنبه 29 بهمن 1391, 09:32 صبح

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •