如何在 ASP.NET Core MVC 应用程序中获取 DropDownList 的选定值

Question

我的视图中有以下下拉列表：

@{
    var listado = new List<SelectListItem>()
    {
       new SelectListItem()
       {
           Text ="YES",
           Value ="1"
       },
       new SelectListItem()
       {
           Text = "NO",
           Value = "2"
       }
   };
}

<div class="form-group">
    <label class="control-label">Is it True ?</label>
    @Html.DropDownList("miDropDownList",listado)
</div>

我想在控制器中获取选定的值“YES”或“NO”，如下所示：

IActionResult ControllerAction(){
  var theValue = dropdownList.SelectedValue //this is pseudocode syntax but you understand I want to get 
                                            //the value

 // with the value I will do something like this: 
  User userinstance = new User {
     Id = 1,
     Name = "john",
     isJohnTall = theValue.Value 
  }
}

我希望其他答案中的一些简单的东西我见过绑定到模型的 DropDownLists，但我只想在下拉列表中选择字符串并能够在控制器中对它们做一些事情。

Answer 1

您可以将 JQuery 与 ajax 一起使用。

类似这样的：

<div class="form-group">
    <label class="control-label">Is it True ?</label>
    @Html.DropDownList("miDropDownList", listado, new { @onchange = "GetYesOrNo()"})
</div>

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script>

    function GetYesOrNo() {
        var selectElement = document.querySelector('#miDropDownList');
        var option = selectElement.value;

        $.ajax({
            url: '/Home/GetYesOrNo',
            type: 'GET',
            dataType: 'json',
            contentType: 'application/json; charset=utf-8',
            mimeType: 'text/html',
            data: { getOption : option },
            success: function (returnValue) {
                alert(returnValue);
            }
        });
    };
</script>

在 Home Controller 中，添加这个 JsonResult：

    public JsonResult GetYesOrNo(int getOption)
    {
        if (getOption == 1) return Json("Option: YES");
        return Json("Option: NO");
    }

Answer 2

您可以使用表单提交数据。 该表单将提交值，因此您可以将值修改为文本。

您可以像下面这样更改您的代码。

查看：

    @{
    var listado = new List<SelectListItem>()
{
                   new SelectListItem()
                   {
                       Text ="YES",
                       Value ="YES"
                   },
                   new SelectListItem()
                   {
                       Text = "NO",
                       Value = "NO"
                   }
               };
}
@using (Html.BeginForm("GetYesOrNo", "User"))
{
    <div class="form-group">
        <label class="control-label">Is it True ?</label>
        @Html.DropDownList("miDropDownList", listado)
    </div>
    <button type="submit">Find</button>
}

动作：

public IActionResult GetYesOrNo(string miDropDownList)
    {
        //.....
        return View();
    }

测试结果：

以及如何通过下拉列表绑定模型，可以看我的this回复，可能会有帮助。