扩展C#类后，如何用LINQ表达式为下拉列表设置多属性？

首先，你原来的写法错误在于DropDownListFor的第一个参数需要是单一的绑定表达式（用来指定选中值的关联属性），不能直接传递多个属性的集合。要同时处理Text、Value和扩展的CardColor属性，我们需要分两步走：构造包含所有属性的选项集合，再处理选中时CardColor的赋值逻辑。

步骤1：构造带扩展属性的选项集合 #

首先，我们可以创建一个继承自SelectListItem的自定义类，用来容纳CardColor属性（比匿名类型更清晰易维护）：

public class ExtendedSelectListItem : SelectListItem
{
    public string CardColor { get; set; }
}

然后在视图里用LINQ把你的IssueList投影成这个自定义类的集合，同时设置好选中状态：

@{
    var extendedOptions = Model.IssueList.Select(item => new ExtendedSelectListItem
    {
        Text = item.Text,
        Value = item.Value,
        CardColor = item.CardColor,
        Selected = item.Value == Model.IssueSelected.Value // 根据Value匹配选中项
    });
}

步骤2：渲染下拉列表并同步CardColor值 #

因为默认的DropDownListFor不会自动渲染自定义属性，我们可以手动生成<option>标签，把CardColor作为自定义data-*属性存储，再通过JavaScript同步到Model的对应字段：

<!-- 手动渲染下拉列表，绑定Value属性 -->
<select id="IssueSelected" name="IssueSelected.Value">
    @foreach (var option in extendedOptions)
    {
        <option value="@option.Value" 
                @(option.Selected ? "selected" : "")
                data-card-color="@option.CardColor">
            @option.Text
        </option>
    }
</select>

<!-- 隐藏字段用来保存选中项的CardColor，提交时回传给Model -->
@Html.HiddenFor(m => m.IssueSelected.CardColor)

<!-- JavaScript处理选中事件，同步CardColor值 -->
<script>
    const dropdown = document.getElementById('IssueSelected');
    const cardColorInput = document.getElementById('IssueSelected_CardColor');

    // 页面加载时初始化隐藏字段的初始值
    const initialSelected = dropdown.options[dropdown.selectedIndex];
    cardColorInput.value = initialSelected.dataset.cardColor;

    // 选中项变化时更新隐藏字段
    dropdown.addEventListener('change', () => {
        const selectedOption = dropdown.options[dropdown.selectedIndex];
        cardColorInput.value = selectedOption.dataset.cardColor;
    });
</script>

为什么不能直接绑定多个属性？ #

HTML的<select>标签本质上只能提交选中项的value值，DropDownListFor也只能绑定到单一属性（通常是选项的Value）。像CardColor这类扩展属性，需要通过额外的隐藏输入字段来存储，再通过前端脚本同步值，这样表单提交时才能把CardColor一起回传给后端。

如果你不想手动渲染<option>，也可以自定义一个HtmlHelper扩展方法来自动生成带自定义属性的选项，但上面的方案是最直接、不需要额外扩展代码的实现方式。

内容的提问来源于stack exchange，提问作者Rilcon42