如何使用C#将数据属性添加到下拉菜单

// 在控制器中创建一个视图模型
public class MyViewModel
{
    public int SelectedValue { get; set; }
    public List<SelectListItem> Items { get; set; }
}

// 在控制器的Action方法中填充视图模型
public ActionResult Index()
{
    var model = new MyViewModel();
    model.Items = new List<SelectListItem>
    {
        new SelectListItem { Text = "Option 1", Value = "1", DataAttribute = "Data 1" },
        new SelectListItem { Text = "Option 2", Value = "2", DataAttribute = "Data 2" },
        new SelectListItem { Text = "Option 3", Value = "3", DataAttribute = "Data 3" }
    };
    return View(model);
}

// 在视图中使用DropDownListFor方法
@model MyViewModel

@Html.DropDownListFor(m => m.SelectedValue, Model.Items, "Select an option", new { id = "myDropDown" })

// 使用JavaScript添加数据属性<script>
    var dropdown = document.getElementById("myDropDown");
    for (var i = 0; i< dropdown.options.length; i++) {
        dropdown.options[i].setAttribute("data-attribute", dropdown.options[i].text);
    }
</script>