如何使用JavaScript formate在mvc中將@ html.dropdownlist名稱與ID綁定

Question

我需要使用具有名稱和id的JavaScript格式在mvc中綁定@ html.dropdownlist。 我嘗試但未在JavaScript端進行綁定，但未在客戶端傳遞值。 我的清單值格式圖片如下。 如何通過名稱和ID而不是序列號傳遞值。

Answer 1

在您的ajax請求中將類型更改為GET

 $.ajax({
 type: 'GET',
 ...

並嘗試

$.each(data, function (index, val) {
    $('<option/>',{value:val.Id,text:val.Text}).appendTo("#MyDdl");
 });

Answer 2

您正在向客戶端發送一個SelectList。 此類實現IEnumerable<SelectListItem>並且SelectListItem具有2個屬性： Value和Text ，您應該將下拉列表綁定到：

$.ajax({
    type: 'POST',
    url: url,
    data: { id : id },
    success: function (data) {
        $('#MyDdl').empty();
        $.each(data, function () {
            $('#MyDdl').append(
                $('<option/>', {
                    value: this.Value,
                    html: this.Text
                })
            );
        });
    }
});

在您的示例中，您使用的是val.Id但是沒有此類屬性。

但事實上，您不需要任何SelectList。 只需返回學生集合：

[HttpPost]
public ActionResult Some(string id) 
{
    var students = service.GetAllStudents().ToList();
    students.Insert(0, new StudentModel{ Id = 0, Name = "Select student" });
    return Json(students);
}

現在，您可以將下拉列表綁定到此集合的Id和Name屬性：

$.each(data, function () {
    $('#MyDdl').append(
        $('<option/>', {
            value: this.Id,
            html: this.Name
        })
    );
});