如何使默认值突出显示或集中在下拉列表列表中答案

【问题标题】：How to make the default value highlighted or focused at the list of dropdownlist如何使默认值突出显示或集中在下拉列表列表中
【发布时间】：2019-03-25 04:08:07
【问题描述】：

我已经得到了默认值，并且该值已经成为默认值，但是默认值在下拉列表中没有高亮或焦点。

我正在使用SelectItemList 函数。

控制器：

private List<SelectListItem> SelectWeek() {
    using(var db = new UsersContext()) {
        int currentYear = DateTime.Now.Year;
        selectListItems = db.WorkWeekDetails
            .Where(item = >item.YEAR == currentYear).OrderBy(item = >item.WORKWEEK)
            .Select(a = >new SelectListItem() {
                Text = a.WORKWEEK,
                Value = a.WORKWEEK
        }).ToList();

        selectListItems.Insert(0, new SelectListItem() {
            Text = www,  //www = "WW13"
            Value = www, //www = "WW13"
            Selected = true
        });
    }
    return ViewBag.WorkWeek = selectListItems;
}

CSHTML：

@Html.DropDownList("WorkWeek", (List<SelectListItem>)ViewBag.WorkWeek, new { @class = "form-control", required = "required" })

我希望“WW13”成为默认值，并在下拉列表中突出显示该值。

//Example list of dropdownlist :

WW13 // This value will be the default.
ww01
ww02
ww03
ww04
ww05
ww06
ww07
ww08
ww09
ww10
ww11
ww12
ww13 // This value will be highlighted.
ww14
...

下拉列表：

[

【问题讨论】：

Html.DropdownListFor selected value not being set的可能重复
该值已成为默认值，但下拉菜单中没有突出显示
使用 jquery 并在页面加载时，按名称或 id 找到 select 并找到选定的选项并应用 CSS。
Aarif 感谢您的回复。但是你能给我举个例子吗，因为我不熟悉这种语言。

标签： c# asp.net-mvc razor model-view-controller drop-down-menu

【解决方案1】：

正如@Aarif 所说，您可以使用 jquery 突出显示选定的选项...类似这样的东西

另外我认为你应该通过 View 模型而不是 viewbag 来传递你的下拉列表

window.onload = function() {
highlightSelected()
};
function highLightSelected(){

    var model = @Html.Raw(Json.Encode(ViewBag.WorkWeek));

     foreach(var item in model){
         if(item.selected == true){
         $("#mydropdownlist").val(item.value);
         $("#mydropdownlist").addClass('active');
        }
    }
}

语法可能不准确，但想法是检查您的 SelectedListItem 列表以找到被选中的列表并将下拉列表的值设置为该值，并添加将突出显示所选值的类，但请记住删除此类更改下拉列表值

【讨论】：