将下拉列表中的值分配给视图中 Razor 页面中的变量

Question

是否可以从下拉字段中获取值并将其作为变量存储在同一个视图中？

我有这个下拉菜单

   <label for="vehicleMake">Choose your car's make:</label>

   <select id="vehicleMake" name="VehicleMake">
       @foreach (var item in Model.Cars)
       {
           if (@item.Category == 1072)
           {
               <option value="@item.UniqueId">@item.Description</option>

           }
       }
   </select>

我想从选择中获取值以存储为变量以在下一个下拉列表中使用，如下所示：

@{ var selectedVehicleMake = @*????? get the value from the previous dropdown ?????*@
}

    <label for="vehicleModel">Choose your car's model:</label> 
    <select id="vehicleModel" name="VehicleModel">
        @foreach (var item in Model.Cars)
        {
            if (@item.Category == 1073 && @item.VehicleMakeId == selectedVehicleMake)
            {
                <option value="@item.UniqueId">@item.Description</option>

            }
        }
     </select>

或者有什么不同的方法来解决这个问题？

Answer 1

Razor 代码是在服务器上编译的，因此所有变量在传递到浏览器之前都已设置。 Razor 代码不知道将在第一个下拉列表中选择什么值来填充第二个。

您需要做的是使用 Javascript onchange事件来执行 AJAX 调用并根据第一个下拉列表检索您需要的数据，以填充第二个下拉列表。