DropDownListFor 具有带有 - 属性名称的自定义属性

一篇关于DropDownListFor具有带有属性名称的自定义属性的文章，并添加案例代码。

csharp
// 模型
public class MyModel
{
    public int SelectedOption { get; set; }
    public List Options { get; set; }
}
// 控制器
public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new MyModel
        {
            Options = new List
            {
                new SelectListItem { Value = "1", Text = "Option 1", HtmlAttributes = new { data_custom = "Custom Value 1" } },
                new SelectListItem { Value = "2", Text = "Option 2", HtmlAttributes = new { data_custom = "Custom Value 2" } },
                new SelectListItem { Value = "3", Text = "Option 3", HtmlAttributes = new { data_custom = "Custom Value 3" } }
            }
        };
        return View(model);
    }
}
// 视图
@model MyModel
@Html.DropDownListFor(m => m.SelectedOption, Model.Options)

javascript
// 在下拉列表选择项更改时触发事件
$('#SelectedOption').change(function() {
    // 获取选中选项的自定义属性data_custom的值
    var customValue = $(this).find('option:selected').data('custom');
    
    // 在控制台打印自定义属性的值
    console.log(customValue);
});

csharp
// 模型、控制器和视图代码同上

javascript
// 在下拉列表的选项更改时触发事件
$('#SelectedOption').change(function() {
    // 获取选中选项的自定义属性data_custom的值
    var customValue = $(this).find('option:selected').data('custom');
    
    // 在控制台打印自定义属性的值
    console.log(customValue);
});