Блог

Главная - Вопросы по программированию - Как добавить дополнительные атрибуты в выпадающий список, созданный с помощью помощника HTML?

Как добавить дополнительные атрибуты в выпадающий список, созданный с помощью помощника HTML?

#javascript #html #asp.net #razor

#javascript #HTML #asp.net #razor

Вопрос:

У меня есть два выпадающих списка, созданных с использованием помощников HTML, однако я не совсем уверен, где я мог бы добавить дополнительные атрибуты к этим двум помощникам? Более конкретно, я хочу добавить атрибут «onblur», который вызывает функцию javascript, следующим образом:

 @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")

Любая помощь приветствуется.

Ответ №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)"})