如何添加dropdownlistfor(动态对象)

<select id="myDropdown" name="myDropdown"></select>

public class MyDropdownModel
{
    public int Id { get; set; }
    public string Name { get; set; }
}

public ActionResult MyAction()
{
    List<MyDropdownModel> dropdownItems = new List<MyDropdownModel>
    {
        new MyDropdownModel { Id = 1, Name = "Option 1" },
        new MyDropdownModel { Id = 2, Name = "Option 2" },
        new MyDropdownModel { Id = 3, Name = "Option 3" }
    };

    ViewBag.MyDropdownItems = dropdownItems;

    return View();
}

@{
    var dropdownItems = ViewBag.MyDropdownItems as List<MyDropdownModel>;
}

<select id="myDropdown" name="myDropdown">
    @foreach (var item in dropdownItems)
    {
        <option value="@item.Id">@item.Name</option>
    }
</select>

$(document).ready(function() {
    $('#myDropdown').change(function() {
        var selectedValue = $(this).val();
        // 执行其他操作
    });
});