无法使用剃须刀页面在 asp.net 核心中保存下拉列表答案

【问题标题】：unable to save dropdown in asp.netcore using razor pages无法使用剃须刀页面在 asp.net 核心中保存下拉列表
【发布时间】：2020-05-22 14:21:48
【问题描述】：

让我知道这里出了什么问题，从下拉菜单中选择并点击保存后我无法保存

<label asp-for="application.number" class="control-label"></label>
                       <select class="form-control" name="Tower">
                           <option>Select Tower</option>
                           <option>numbers</option>

                           <option>1</option>
                           <option>2</option>
                           <option>3</option>

我认为我在以下模型中遇到了错误

 @Html.DisplayFor(modelItem => item.Tower)

【问题讨论】：

你到底遇到了什么错误？
你能告诉我们更多的代码，比如视图、模型和控制器吗？

标签： asp.net-mvc asp.net-core

【解决方案1】：

您可以使用以下代码生成下拉菜单：

@Html.DropDownList("Tower",new SelectList(@ViewBag.TowerList, "TowerId","TowerName"),"Select Tower", new { @class= "form-control"})

【讨论】：

【解决方案2】：

从下拉菜单中选择并点击保存后我无法保存

您可以为<option> 元素设置value 属性。此外，您可以参考以下示例来修改您的代码。

<form method="post">
    <label asp-for="application.number" class="control-label"></label>: @Model.application.number
    <select class="form-control" name="Tower">
        <option>Select Tower</option>
        <option>numbers</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <input type="submit" value="Save" />
</form>

在页面模型类中

public class TestModel : PageModel
{
    [BindProperty]
    public int Tower { get; set; }
    public MyClass application { get; set; }
    public void OnGet()
    {
        application = new MyClass { number = 0 };
    }

    public IActionResult OnPost()
    {
        //code logic here to save the selected value

        application = new MyClass { number = Tower };
        return Page();
    }
}

public class MyClass
{
    public int number { get; set; }
}

测试结果

【讨论】：