وصل کردن دو DropDownList به هم با JQuery

[soroushiiiam]

سلام دوستان من میخوام مثل دراپ دان لیست های شهر و استان که به هم مرتبط هستن برای این ویو خودم هم درست کنم مثل این عکس:

3.PNG
و رفتم سرچ کردم و کد اسکریپتی شو هم پیدا کردم:

dllCategory و dllType دو تا ایدی واسه همین دراپ دان لیست هام هستن

<script type="text/javascript">

        $(document).ready(function () {



            $("#ddlCategory").change(function () {

                var SelectedVal = $(this).val();

                $("#ddlType").html('');

                $("#ddlType").append($("<option></option>").attr("value", '')

                    .text('انتخاب'));

                if (SelectedVal != '') {



                    $.get('/Admin/Products/SelectType/',

                        {

                            "CategoryID": SelectedVal

                        }).done(function (data) {

                            $.each(data, function (index, item) {

                                $("#ddlType").append($("<option></option>").attr("value", item.TypeID)

                                    .text(item.TypeName));

                            });



                        });

                }

            });

        })

    </script>

این دو تا دراپ دان ها دو تا مدل هستن به نام های Category و Type:

4.png


در کد جاوااسکریپت بالا که آدرس /Admin/Products/SelectType رو Get میکنه این SelectType یک ActionMethod هست که همراه با همین کد جاوا اسکریپت کپی کردمش :

2.PNG

اما مشکل اینجاس که به من اروره GET رو توی قسمت Console میده و توی دراپ دان Type (گروه) به من گروه ها نمایش داده نمیشن:

1.PNG

اگه آموزشی شما سراغ دارین واسه حل مشکلم راهنماییم کنین ممنون