6

私は 2 つのドロップ ダウン リストを持っています。ajax で SelectListItem を取得し、それをドロップダウン リストに渡してバインドする方法を教えてください。

見る：

                @Html.DropDownList("FirstID", ViewBag.Groups as IEnumerable<SelectListItem> )

                @Html.DropDownList("SecondID", ViewBag.Policies as IEnumerable<SelectListItem>)

ビューでの Ajax メソッド:

$(function () {
    $('#FirstID').change(function () {
        var selectedValue = $(this).val();
        $.ajax({
            url:  '@Url.Action("BuildSecondDropDownLists", "controller")',
            type: "POST",
            data: { id: selectedValue },
           error: function (xhr, ajaxOptions, thrownError) {
               alert(xhr.status);
               alert(thrownError);
           },
            success: function (result) {
                alert(result);
                 //here how i can bind second drop down list

            }
        });
    });
});

コントローラ： 

  public IEnumerable<SelectListItem> BuildSecondDropDownLists(int id)
    {

        Pol = new SelectList(GetData(), "SecondID", "Name");


        ViewBag.Pol = Pol;

        return Pol;
    }
4

1 に答える 1

12

コントローラーのアクションを修正して、一部の ではなく JSON を返すようにすることから始めますIEnumerable<SelectListItem>。ASP.NET MVC コントローラー アクションでは、ActionResult を返す必要があることに注意してください。

public ActionResult BuildSecondDropDownLists(int id)
{
    var result = GetData();
    return Json(result, JsonRequestBehavior.AllowGet);
}

次に、返された要素をループして、2 番目のドロップダウンに追加します。

success: function (result) {
    var secondDdl = $('#SecondID');
    secondDdl.empty();
    $.each(result, function() {
        secondDdl.append(
            $('<option/>', {
                value: this.SecondID,
                html: this.Name
            })
        );
    });
}
于 2013-06-03T12:53:57.980 に答える