javascript - 为下拉列表中的每个元素设置唯一 ID(MVC)

Question

我似乎无法弄清楚如何为 SelectList 中的每个元素设置唯一 ID(使用 @Html.DropDownListFor)。 View 中的 div 目前看起来像这样:

<div id="Courses">
    @Html.DropDownListFor(c => c.Courses, new SelectList(Model.Courses, "CourseID", "Name"), "Choose Course", new { id = "courseDropDown", @class = "form-control input-sm", data_width = "100%" })
</div>

检查浏览器中的元素显示每个元素都有 courseID 作为值，我希望每个元素都有这个 courseID 作为唯一 ID。仅供引用 Model.Courses 包含我所有类(class)的可枚举。

为了完整起见，我想要这个的原因是我在与下拉列表相对应的部分 View 中有一个 highChart，我的类(class)页面有一个按钮，它重定向到带有部分 div 的 View ，并且加载给定类(class)的图表(使用类(class)页面中的 ID)。这工作正常，但我现在需要 dropdownlist 在页面加载时显示该类(class)的名称，而现在它只是说 'Choose Phishing Campaign'

如有任何帮助或建议，我们将不胜感激。

编辑:感谢 Rory 整理代码

Answer 1

如果您需要设置select 的默认值，您应该在您的 Controller 中设置模型的某种CourseId 属性，然后在您的 View 中:

@Html.DropDownListFor(c => c.CourseId, new SelectList(Model.Courses, "CourseID", "Name"), "Choose Course", new { id = "courseDropDown", @class = "form-control input-sm", data_width = "100%" })

DropDownListFor 帮助程序设置在页面加载时选择的这个值。