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

Question

Is it possible to get the value from a dropdown field and store it as a variable in the same View?

I have this dropdown

   <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>

and I would like to get the value from the select to store as a variable to use in the next dropdown something like this:

@{ 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>

Or is there a different way to go about this?

Answer 1

Razor code is compiled on the server, so all variables are set before it's delivered to the browser. The Razor code doesn't know what value will be selected in the first dropdown to populate the second one.

What you would need to do is use a Javascript onchange event to perform an AJAX call and retrieve the data you need based on the first dropdown, to populate the second dropdown.