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

برای این کار آموزش زیر رو پیشنهاد میکنم بهتون

ایجاد DropDownList های مرتبط با جی کوئری (استان – شهر)

ضمنا این کار توسط جی کوئری انجام میشه و ارتباطی با اینکه پروژه شما با Core هست یا Php یا ... نداره.

خودم تونستم راه حل این قضیه رو پیدا کنم برای اینکه شاید دوستانی باشن مثل من که با مشکل برخورد کنن راه حل رو اینجا رو میزارم 

کدهای سمت html:

                                    <div class="row">
                                        <div class="col-6">
                                            <label asp-for="provinceId">استان *</label>
                                            <select class="list-dt col-12" id="provinceId" name="provinceId">
                                                <option disabled selected>انتخاب کنید</option>
                                                @foreach (Province province in ViewBag.province)
                                                {
                                                    <option value="@province.ProvinceId">@province.Province1</option>
                                                }
                                            </select>
                                        </div>
                                        <div class="col-6">
                                            <label asp-for="cityId">شهر *</label>
                                            <select class="list-dt col-12" id="cityId" name="cityId">
                                                <option disabled selected>انتخاب کنید</option>
                                            </select>
                                        </div>
                                    </div>

کدهای js:

 $('#birthCertificateProvinceId, #provinceId').change(function (e) {
        var provinceId,
            targetId = e.target.id;
        if (targetId === 'birthCertificateProvinceId') {
            provinceId = $('#birthCertificateProvinceId').find(":selected").val();
        } else if (targetId === 'provinceId') {
            provinceId = $('#provinceId').find(":selected").val();
        }

        $.post('/People/Cities', { provinceId: provinceId },
            function (response) {
                if (response) {
                    var input;

                    if (targetId === 'birthCertificateProvinceId') {
                        input = $('#birthCertificateCityId');
                    } else if (targetId === 'provinceId') {
                        input = $('#cityId');
                    }

                    input.empty();
                    $.each(response, function (i, v) {
                        addToCity(input, v);
                    });
                }
            }
        );
    });

    function addToCity(input, item) {
        $('<option value="' + item.id + '">' + item.name + '</option>').appendTo(input)
    }