在Razor View中给定模型中设置变量

Question

我在Razor中使用查看以下ViewModel。

public class EditionStatusReservation
{
    public Reservation Reservation { get; set; }

    [Display(Name = "Status:")]
    public IEnumerable<SelectListItem> States { get; set; }
}

班级预订如下所示：

public class Reservation
{
    [Display(Name = "Status:")]
    [Required]
    [MinLength(3), MaxLength(15)]
    public string Status { get; set; }
}

在我的Razor视图中，当我单击提交按钮时，我想使用javascript为变量Status分配新值。到目前为止，我创造了类似的东西。

$(function () {
    $("form").submit(function () {
        var selTypeText = $('select[name="SelectReservationState"]').val();
        $("#Reservation.Status").val(selTypeText);
    });
});

此解决方案不合适。如何访问名为Status的字段来设置其值？

带有下拉列表的部分，其中包含要分配的项目。

<div class="form-group">
    @Html.LabelFor(model => model.States, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownList("SelectReservationState", Model.States, new { id = "SelectReservationState" })
    </div>
</div>