Member 12675499 Ответов: 1

Как написать код для каскадного выпадающего списка для страны и штата в MVC


Я попробовал с помощью выпадающего списка изменить метод .Но это не получается.

По методу Ajax я вызываю еще один метод,и он не попадает.

Что я уже пробовал:

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>

1 Ответов

Рейтинг:
1

Karthik_Mahalingam

изменить это

var value = $("#Moving").val();
к
var value = $("#Co").val(); // you have declared  Co as id


измените его на
new { Id = "Co", onchange="Fill(this);" })

function Fill(obj) {
       var value = obj.value;
       alert(value);
   }