Question

我有一个在C＃

的Razor View中收到的对象列表

 @model IEnumerable<Project.Models.EvaluationObject>

在IEnumerable的每个对象中，我都有一个名为“MaxValue”的属性，我想把它放在输入选择的html中。

  foreach(var item in Model){
        <select>
            <option value=1>One</option>
            <option value=2>Two</option>
            <option value=3>Three</option>
            <option value=4>Four</option>
        </select>

  }

对于我想要构建选择输入的每个项目，并选择item.MaxValue的值

即。在第一个循环item.MaxValue = 3，然后我应该构建下一个选择：

       <select>
            <option value=1>One</option>
            <option value=2>Two</option>
            <option value=3 selected="selected">Three</option>
            <option value=4>Four</option>
        </select>

item.MaxValue介于1和4之间，因此如果值为3，则select输入中的选定值为3.

我的第一个解决方案是在每个选项中加上if语句，但我认为这是不切实际的：

 foreach(var item in Model){
    <select>
        <option value=1 @if(item.MaxValue==1){<text>selected="selected"</text>})>One</option>
        <option value=2 @if(item.MaxValue==2){<text>selected="selected"</text>}>Two</option>
        <option value=3 @if(item.MaxValue==3){<text>selected="selected"</text>}>Three</option>
        <option value=4 @if(item.MaxValue==4){<text>selected="selected"</text>}>Four</option>
    </select>

 }

希望你能帮帮我，也许我应该使用一些JavaScript。

Answer 1

您可以在模型中添加IEnumerable<SelectListItem>：

型号：

public class EvaluationObject
{
    public IEnumerable<SelectListItem> EvaluationList
    {
        get
        {
            return Enumerable.Range(1, 4)
                             .Select(x => new SelectListItem
                                 {
                                     Selected = x == MaxValue,
                                     Text = NumberToWord(x),
                                     Value = x
                                 });
        }
    }

    public int MaxValue { get; set; }

    public int EvaluationNumber { get; set; }
}

查看：

foreach (var item in Model) 
{
    @Html.DropDownListFor(x => x.EvaluationNumber, item.EvaluationList)
}

从C＃对象列表中选择下拉列表选项

1 个答案: