Question

我对MVC中的HTML帮助扩展很新，更不用说在Razor中了，我正在寻找一种简单，整洁的方式来显示一年中12个月的下拉列表，其值为数字和文本“日期”的“MMM”表示。

所以最后的HTML应该是：

<select>
  <option value="1">Jan</option>
  <option value="2">Feb</option>
  <option value="3">Mar</option>
  <!-- etc -->
</select>

是否可以在视图中完全执行此操作？我需要一个用户@Html.DropDownListFor()的答案，这样我就可以利用自动模型绑定。我接近下面的代码行，但它没有明确的值。

@Html.DropDownListFor(model => Model.DobMonth, new SelectList(Enumerable.Range(1,12).Select(r => new DateTime(2000, r, 1).ToString("MMM"))), "- -")

由于非技术原因，我不能使用jQuery datepicker。

Answer 1

您几乎就在那里，问题是如果您在创建dataValue时未提供dataText和SelectList参数，则只需拨打ToString即可项目并将其用作选项的文本。

您需要从选择中返回文本，值对：

@Html.DropDownListFor(model => Model.DobMonth, new SelectList(
        Enumerable.Range(1, 12)
            .Select(r => new
                             {
                                Text = new DateTime(2000, r, 1).ToString("MMM"), 
                                Value = r.ToString()
                             }),
        "Value", "Text", Model.DobMonth))

如果您想要一个“空”项目，您需要手动添加它：

@Html.DropDownListFor(model => Model.DobMonth, new SelectList(
        new [] { new { Text = "- -", Value = (string)null } }.Concat(
        Enumerable.Range(1, 12)
            .Select(r => new
                             {
                                Text = new DateTime(2000, r, 1).ToString("MMM"), 
                                Value = r.ToString()
                             })),
        "Value", "Text", Model.DobMonth))

MVC Razor - 在一年的12个月中使用@ Html.DropDownListFor（）

1 个答案: