Asp MVC下拉列表已选值未选中

本文关键字：MVC 下拉列表 Asp | 更新日期: 2023-09-27 18:01:31

我有以下下拉列表，但所选值似乎不起作用。默认为列表的第一项。

    private List<string> GetTransmissions()
    {
        List<string> Transmission = new List<string>();
        Transmission.Add("Automatic");
        Transmission.Add("Manual");

        return Transmission;
    }
     Car car = _repository.GetCarDetails(id);
     ViewBag.Transmission = new SelectList(GetTransmissions(), car.Transmission);

在我看来，我有:

    @Html.DropDownList("Transmission", (IEnumerable<SelectListItem>)ViewBag.Transmission, "Please Select", new { @class = "form-control" })

Asp MVC下拉列表已选值未选中

您需要区分保存列表的属性和保存选定值的属性。

我建议对视图使用如下的视图模型:

public class CarViewModel
{
    public SelectList Transmissions
    {
        get
        {
            return new SelectList(new List<SelectListItem>{
                new SelectListItem {  Value = "Manual"},
                new SelectListItem {  Value = "Automatic"}
            });                
        }
    }
    public string Transmission { get; set; }
}

并使用这个DropDownListFor版本

 @Html.DropDownListFor(model => model.Transmission,
    @Model.Transmissions, "Please Select", new { @class = "form-control" })

如果您仅限于使用ViewBag而不是视图模型和@Html.DropDownList Html Helper，那么我会做以下操作:

        ViewBag.Transmissions = new SelectList(GetTransmissions()
        .Select(t => new {value = t, text = t}), 
            "value", "text");
        ViewBag.Transmission = car.Transmission;

上面创建了SelectList，然后投影，使您的下拉菜单呈现文本和值。这保存在ViewBag.Transmissions中，这是可用的选项。

然后用ViewBag.Transmission设置你所选择的传输。

你的剃刀代码也需要更改为使用ViewBag.Transmissions:

@Html.DropDownList("Transmission", 
      (IEnumerable<SelectListItem>)ViewBag.Transmissions, 
         "Please Select", new { @class = "form-control" })
工作小提琴

修改

 ViewBag.Transmission = new SelectList(GetTransmissions(), car.Transmission);


 ViewBag.Transmissions = new SelectList(GetTransmissions(), car.Transmission);

Car模型已经包含了一个名为Transmission的属性，所以需要另一个ViewBag来保存这个属性。

在my razor代码中使用以下代码代替

  @Html.DropDownList("Transmission", (IEnumerable<SelectListItem>)ViewBag.Transmissions, "Please Select", new { @class = "form-control" })
相关文章：