如何向使用 HTML 帮助程序创建的下拉列表添加其他属性？答案

【问题标题】：How to add additional attributes to a dropdown created using an HTML helper?如何向使用 HTML 帮助程序创建的下拉列表添加其他属性？
【发布时间】：2021-02-15 12:31:10
【问题描述】：

我有两个使用 HTML 助手创建的下拉列表，但是我不完全确定我可以在哪里为这两个助手添加额外的属性？更具体地说，我想添加一个调用 javascript 函数的“onblur”属性，如下所示：

@onblur = "validate3(1)"

我希望能够为以下 HTML Helper 下拉菜单提供上述属性：

@Html.DropDownList("ExpMonth", new List<SelectListItem>
                                {
                                    new SelectListItem { Text = "01", Value = "1"},
                                    new SelectListItem { Text = "02", Value = "2"},
                                    new SelectListItem { Text = "03", Value = "3"},
                                    new SelectListItem { Text = "04", Value = "4"},
                                    new SelectListItem { Text = "05", Value = "5"},
                                    new SelectListItem { Text = "06", Value = "6"},
                                    new SelectListItem { Text = "07", Value = "7"},
                                    new SelectListItem { Text = "08", Value = "8"},
                                    new SelectListItem { Text = "09", Value = "9"},
                                    new SelectListItem { Text = "10", Value = "10"},
                                    new SelectListItem { Text = "11", Value = "11"},
                                    new SelectListItem { Text = "12", Value = "12"}
                                }, "MM")

                                @Html.DropDownList("ExpYear", new List<SelectListItem>
                                {
                                    new SelectListItem { Text = "2020", Value = "1"},
                                    new SelectListItem { Text = "2021", Value = "2"},
                                    new SelectListItem { Text = "2022", Value = "3"},
                                    new SelectListItem { Text = "2023", Value = "4"},
                                    new SelectListItem { Text = "2024", Value = "5"},
                                    new SelectListItem { Text = "2025", Value = "6"},
                                    new SelectListItem { Text = "2026", Value = "7"},
                                    new SelectListItem { Text = "2027", Value = "8"},
                                    new SelectListItem { Text = "2028", Value = "9"},
                                    new SelectListItem { Text = "2029", Value = "10"},
                                    new SelectListItem { Text = "2030", Value = "11"},
                                }, "YY")

感谢任何帮助。

【问题讨论】：

标签： javascript html asp.net razor

【解决方案1】：

试试

@Html.DropDownList("ExpMonth", new List<SelectListItem>{
    new SelectListItem { Text = "01", Value = "1"},
    new SelectListItem { Text = "02", Value = "2"},
    new SelectListItem { Text = "03", Value = "3"},
    new SelectListItem { Text = "04", Value = "4"},
    new SelectListItem { Text = "05", Value = "5"},
    new SelectListItem { Text = "06", Value = "6"},
    new SelectListItem { Text = "07", Value = "7"},
    new SelectListItem { Text = "08", Value = "8"},
    new SelectListItem { Text = "09", Value = "9"},
    new SelectListItem { Text = "10", Value = "10"},
    new SelectListItem { Text = "11", Value = "11"},
    new SelectListItem { Text = "12", Value = "12"}
}, "MM", new{@onblur = "validate3(1)"})

【讨论】：