How to write code for cascading dropdown for country and state dropdown in MVC

See more:

MVC

I tried with Dropdown change method .But its not getting.

By Ajax method i am calling one more method and its not hitting.

What I have tried:

In controlller::::


        public ActionResult DropDownBasic()
        {
            ViewBag.CountyList = new SelectList(az.GetCountryList(), "CountryId", "CountryName");
            ViewBag.Store = 1;
            ViewBag.StateList = new SelectList(az.GetStateList(), "StateId", "StateName");
           return View();
        }


 public ActionResult DropDownBasic1(int CustomerId)
        {
            ViewBag.CountyList = new SelectList(az.GetCountryList(), "CountryId", "CountryName");
            ViewBag.StateListById = new SelectList(az.GetStateList(CustomerId), "StateId", "StateName");

            return View();
        }



view:::


@{
    ViewBag.Title = "DropDownBasic";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>DropDownBasic</h2>


@model  AZ.WebUI.Models.Input

<div>
    @Html.DropDownList("Moving", new SelectList(ViewBag.CountyList as SelectList,"Value","Text"),"Select City",new { Id = "Co", onchange =@"Fill();" })

    @Html.DropDownList("States", new SelectList(ViewBag.StateList as SelectList, "Value", "Text"),"Select state")
  
</div>

<script>


    function Fill() {
        var value = $("#Moving").val();
        if (value) {
            $.ajax({
                url: '@Url.Action("DropDownBasic1", "Customer")/' + value,
                type: 'GET',
                dataType: 'json',
                success: function (data) {
                  
                }
            });
        }

 }

</script>