如何在ASP.NET Core2.0剃刀页面中填充下拉列表

在ASP.NET Core 2.0 Razor页面中填充下拉列表，可以通过以下步骤实现：

1. 在Razor页面的相应位置，使用HTML的<select>标签创建下拉列表框。例如：

<select id="myDropdown" name="myDropdown">
    <!-- 下拉列表选项将在后续步骤中填充 -->
</select>

1. 在后台代码中，获取需要填充下拉列表的数据。可以通过数据库查询、API调用等方式获取数据。
2. 将获取到的数据传递给Razor页面，可以通过ViewModel或ViewBag等方式传递。
3. 在Razor页面中，使用C#代码或Razor语法，遍历数据并生成下拉列表选项。例如：

<select id="myDropdown" name="myDropdown">
    @foreach (var item in Model.DropDownData)
    {
        <option value="@item.Value">@item.Text</option>
    }
</select>

上述代码中，假设数据传递给Razor页面的方式是通过ViewModel，并且ViewModel中有一个名为DropDownData的属性，该属性是一个列表，每个列表项包含两个属性：Value和Text，分别表示选项的值和显示文本。

1. 如果需要在下拉列表中预选某个选项，可以在生成选项时判断并添加selected属性。例如：

<select id="myDropdown" name="myDropdown">
    @foreach (var item in Model.DropDownData)
    {
        <option value="@item.Value" @(item.Value == Model.SelectedOption ? "selected" : "")>@item.Text</option>
    }
</select>

上述代码中，假设ViewModel中有一个名为SelectedOption的属性，表示需要预选的选项的值。

这样，就可以在ASP.NET Core 2.0 Razor页面中填充下拉列表了。关于ASP.NET Core 2.0和Razor页面的更多详细信息，可以参考腾讯云的相关文档和教程：

• ASP.NET Core 2.0官方文档：https://docs.microsoft.com/aspnet/core/aspnetcore-2.0
• Razor页面官方文档：https://docs.microsoft.com/aspnet/core/mvc/views/razor
• 腾讯云ASP.NET Core产品介绍：https://cloud.tencent.com/product/tke/asp.net-core