SelectListItem selected = true 不在视图中工作

Question

我有一个性别选择字段（--Select--、Male、Female），我正在将其填充到我的控制器中。当页面加载时，我希望在模型pm.Gender 中选择的性别在页面加载时自动选择。

pm.Gender 的值返回为：

• ""
• “M”
• “F”

查看：

<%: Model.Gender %>
<%: Html.DropDownListFor(m => m.Gender, (IEnumerable<SelectListItem>)ViewData["gender"], new { @class = "span2" })%>

控制器：

gender = new[] { "Select", "Male", "Female" };
List<SelectListItem> genderselectList = new List<SelectListItem>();
foreach (string item in gender)
{
   SelectListItem sli = new SelectListItem { Text = item, Value = item };

   if (item.Trim().StartsWith(pm.Gender))
      sli.Selected = true;

   genderselectList.Add(sli);
}

ViewData["gender"] = genderselectList;

调试应用程序后，我可以看到genderselectList 包含正确的数据，Selected = true 表示应该选择的正确值。但是当页面加载时，在应该使用Html.DropDownListFor 生成的下拉列表中没有选择任何内容。

编辑： 不适用于任何浏览器。

有人知道是什么导致了这个问题吗？任何帮助，将不胜感激。

干杯。

编辑：（实施 Kaf 的解决方案后）
好的，这就是我在实施 Kaf 的解决方案后正在做的事情。

查看：

<%: Html.DropDownListFor(m => m.Gender, (SelectList)(ViewData["gender"]), new { @class = "span2" }) %>

控制器：

gender = new[] { "Select", "Male", "Female" };
List<SelectList> genderselectList = new List<SelectList>();
foreach (string item in gender)
{
    SelectList sli;

    if (item.Trim().StartsWith(pm.Gender))
        sli = new SelectList(GetGender(), item, item, item); 
    else
        sli = new SelectList(GetGender(), item, item);
        //without selectedValue

    genderselectList.Add(sli);
}

ViewData["gender"] = genderselectList;

当我这样做时，我得到以下异常：
Unable to cast object of type 'System.Collections.Generic.List`1[System.Web.Mvc.SelectList]' to type 'System.Web.Mvc.SelectList'.

有人知道我做错了什么吗？

Answer 1

我建议最好为 SelectList 使用强类型属性（而不是使用 ViewBag/ViewData）。我相信您所期望的是您的下拉列表将通过模型中的性别选择进行预选。这是一个解决方案（代码不是 100% 干净的。但这会起作用）

型号

public class TestModel
{
    public string Gender { get; set; }

    public IEnumerable<SelectListItem> GenderList
    {
        get
        {
            List<SelectListItem> list = new List<SelectListItem> { new SelectListItem() { Text = "Select", Value = "Select" }, new SelectListItem() { Text = "Male", Value = "Male" }, new SelectListItem() { Text = "Female", Value = "Female" } };
            return list.Select(l => new SelectListItem { Selected = (l.Value == Gender), Text = l.Text, Value = l.Value });
        }
    }
}

控制器动作

public ActionResult MyView()
{
    TestModel m = new TestModel();
    m.Gender = "Female";
    return View(m);
}

MyView.cshtml

@model TestModel

@{
    ViewBag.Title = "MyView";
}

<h2>MyView</h2>
@using (Html.BeginForm())
{
    <div>
          @Html.DropDownListFor(model => model.Gender, Model.GenderList)
    </div>
}

输出

选择了“女性”选项的下拉菜单

编辑

基于 cmets 在下面找到示例项目的链接

1) https://github.com/prashanth-t/DropdownDemo_BareBones（使用 MVC 4 空模板。文件更小，最小）

2) https://github.com/prashanth-t/DropdownDemo（使用 MVC 4 互联网应用程序模板。文件更大）

Answer 2

这是 ASP.NET MVC Razor 视图中的一个已知错误。根据已知的错误文档

"这个问题背后的原因是 asp.net MVC 首先在下拉列表的名称和模型上的属性之间查找匹配。如果匹配，则覆盖 SelectList 的选定值。只需更改下拉列表的名称即可解决问题。"

我在这里给出一个小例子，你可以用它来测试分辨率。

 var paymentTypeList = new List<SelectListItem>
                {
                    new SelectListItem { Text = "Select Payment Type", Value = "NA" },
                    new SelectListItem { Text = "Card", Value = "Card" },
                    new SelectListItem { Text = "Paytm Wallet", Value = "Paytm Wallet" },
                    new SelectListItem { Text = "Cash", Value = "Cash", Selected = true },
                    new SelectListItem { Text = "Credit", Value = "Credit" },
                    new SelectListItem { Text = "Other", Value = "Other" }
                };
 ViewBag.paymentTypeList = paymentTypeList;

解决方案选项 1（最简单） - 更改 MVC 视图中选择列表 ID 的声明 ID 的名称，例如

@Html.DropDownList("paymentTypeListNew", (List<SelectListItem>)ViewBag.paymentTypeList, new { @class = "form-control select2 select1" })

解决方案 2：（仅使用与 viewbag/viewdata 属性匹配的 @Html.DropDownList 的单个构造函数）

要确保选中的项目（本例中为现金）被选中，请在 MVC Razor 视图中执行以下操作。 仅使用以下构造函数，不使用任何 CSS 或新对象值

 @Html.DropDownList("paymentTypeList") 

现在，如果您担心无法初始化 CSS，那么您需要以编程方式初始化 CSS。例如，如果您使用的是 Jquery，那么您可以使用

$("#paymentTypeList").addClass("form-control");
            $("#paymentTypeList").addClass("select2");

Answer 3

用select获取性别的方法：

private Dictionary<string,string> GetGender(){
    Dictionary<string, string> myDic = new Dictionary<string, string>();
    myDic.Add(System.DBNull.Value.ToString(), "Select");
    myDic.Add("Male", "Male");
    myDic.Add("Female", "Female");
    return myDic;
}

在控制器中：

//without selectedValue
ViewData["gender"]  = new SelectList(GetGender(), "Key", "Value");

或

//"Male" as selectedValue
ViewData["gender"]  = new SelectList(GetGender(), "Key", "Value", "Male");

在视图中：

Html.DropDownListFor(m => m.Gender, (SelectList)(ViewData["gender"]),
                        new { @class = "span2" })

Answer 4

在控制器中试试这个：

string[] gender = new string[] {"Male", "Female"};
string selectedGender = gender.Where(x => x.StartsWith(pm.gender)).FirstOrDefault();
ViewData["gender"] = new SelectList(gender, selectedGender);

在视图中：

<%: Html.Dropdownlist(x => x.Gender, ViewData["gender"], "Select") %>

Answer 5

试试这个；

public static List<SelectListItem> ListSexo { get; } = new List<SelectListItem>
    {
        new SelectListItem{Selected =true, Value="N", Text="Seleccione"},
        new SelectListItem{Value="F", Text="Femenino"},
        new SelectListItem{Value="M", Text="Masculino"}
    };

<select asp-for="Sexo" asp-items="Commons.ListSexo" class="form-control"></select>

Answer 6

在为自己寻找这个问题的答案之后 - 我一路上得到了一些提示，但这是最终的解决方案。它是一种扩展方法。我正在使用 MVC 5 C# 4.52 是目标。下面的代码将选择设置为列表中的第一项，因为这是我需要的，您可能只想传递一个字符串并跳过枚举 - 但我也想确保我有一些东西从数据库返回到我的 SelectList）

扩展方法：

public static class SelectListextensions
{

    public static System.Web.Mvc.SelectList SetSelectedValue
(this System.Web.Mvc.SelectList list, string value)
    {
        if (value != null)
        {
            var selected = list.Where(x => x.Text == value).FirstOrDefault();
            selected.Selected = true;                
        }
        return list;
    }    
}

对于那些喜欢完全低调的人（比如我）来说，这里是用法。 对象类别有一个定义为名称的字段 - 该字段将在下拉列表中显示为文本。您可以在上面的代码中看到对 Text 属性的测试。

示例代码：

SelectList categorylist = new SelectList(dbContext.Categories, "Id", "Name");

SetSelectedItemValue(categorylist);

选择列表功能：

private SelectList SetSelectedItemValue(SelectList source)
{
   Category category = new Category();

    SelectListItem firstItem = new SelectListItem();

    int selectListCount = -1;

    if (source != null && source.Items != null)
    {
        System.Collections.IEnumerator cenum = source.Items.GetEnumerator();

        while (cenum.MoveNext())
        {
            if (selectListCount == -1)
            {
                selectListCount = 0;
            }

            selectListCount += 1;

            category = (Category)cenum.Current;

            source.SetSelectedValue(category.Name);

            break;
        }
        if (selectListCount > 0)
        {
            foreach (SelectListItem item in source.Items)
            {
                if (item.Value == cenum.Current.ToString())
                {
                    item.Selected = true;

                    break;
                }
            }
        }
    }
    return source;
}

您可以将其设为通用全包功能/扩展 - 但它对我来说是按原样工作的。