如何使用JavaScript formate綁定@ html.dropdownlist名稱與mvc中的id

Question

我需要使用帶有名稱和ID的JavaScript格式綁定mvc中的@ html.dropdownlist。我嘗試但不綁定在JavaScript方面它不通過客戶端的價值。我的列表值格式圖像如下。如何傳遞名稱和編號而不是序列號的值。

Answer 1

類型更改爲您的Ajax請求得到像

$.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 
     }) 
    ); 
});