ASP.. NET MVC -刷新下拉列表到ViewModel而无需编写DOM代码

我有一个ViewModel到我的应用程序，像这样:

public class ItemViewModel {
    public string Name { get; set; }
    public string SelectedType { get; set; }
    public IEnumerable<Type> Types { get; set; }
    public string SelectedSubtype { get; set; }
    public IEnumerable<Subtype> Subtypes { get; set; }
}

我已经创建了一个视图来暴露这些属性:

@Html.TextBoxFor(m => m.Name)
@Html.DropDownListFor(m => m.SelectedType,
    new SelectList(Model.Types, "ID", "Description"),
    "Select a type")
@Html.DropDownListFor(m => m.SelectedSubtype,
    new SelectList(Model.Subtypes, "ID", "Description"),
    "Select a subtype")

嗯，当我想刷新我的子类型下拉列表时，我必须编写大量的DOM代码来生成新的选项。

$('#SelectedType').change(function() {
    $.get('/json/GetSubtypesFromType', { 'type': $(this).val() }, function(result) {
        var options = '';
        for (var count = 0; count < result.length; count++) {
            options += "<option value='" + result[count].ID + "'>" + result[count].Description + "</option>";
        }
        $('#SelectedSubtype').html(options);
    });
});

是否有一种方法将新选项绑定到可枚举的子类型到我的ViewModel中，而不是编写此代码来生成选项。当我发布我的表单时，我需要检索新的可枚举对象，但我想将新值绑定到ViewModel集合。