如何使用Razor/MVC 5动态添加元素到下拉列表

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

public ActionResult GetDropdownData()
{
    // 从数据库或其他数据源获取动态元素的数据
    List<string> dropdownData = new List<string>
    {
        "Option 1",
        "Option 2",
        "Option 3"
    };

    return Json(dropdownData, JsonRequestBehavior.AllowGet);
}

<script>
    $(document).ready(function() {
        // 异步获取动态元素的数据
        $.ajax({
            url: '@Url.Action("GetDropdownData", "ControllerName")',
            type: 'GET',
            dataType: 'json',
            success: function(data) {
                // 清空下拉列表
                $('#myDropdown').empty();

                // 动态添加选项到下拉列表
                $.each(data, function(index, value) {
                    $('#myDropdown').append($('<option>').text(value).attr('value', value));
                });
            }
        });
    });
</script>