要使用C#将数据属性添加到下拉菜单,您可以使用ASP.NET MVC中的DropDownListFor方法。以下是一个示例代码:
// 在控制器中创建一个视图模型
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>
在这个示例中,我们首先在控制器中创建了一个视图模型,其中包含一个下拉菜单的选项列表。然后,我们在控制器的Action方法中填充了视图模型,并将其传递给视图。在视图中,我们使用DropDownListFor方法创建了一个下拉菜单,并使用JavaScript为每个选项添加了数据属性。
领取专属 10元无门槛券
手把手带您无忧上云