如何使用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 
     }) 
    ); 
});