如何从视图中获取“<select></select>”的值到控制器的“ActionResult”中？

Question

我有一个标签和一个按钮。单击按钮时，将调用控制器中的 actionResult。像这样。

<button type="button" onclick="location.href='@Url.Action("GetAllItems", "Items")'">Get Items</button>

这是ActionResult

public ActionResult GetAllItems() {
        string selectedItem = string.Empty;
        ItemsRepository itemsRepository = new ItemsRepository();
        ModelState.Clear();
        return View(itemsRepository.GetAllItems());
    }

selectedItem 是我要存储 selectedText 或 selectedValue 的变量。但我不知道该怎么做。

这是<Select> 标签。

<select style="width:170px" id="ItemsID" name="Items"></select>

这是 rough 函数，用于从 onChange 事件中获取不同的结果。

<script>
$(document).ready(function () {
    $("#ItemsID").change(function () {
        var a = $('#ItemsID option:selected').val();
        var b = $('#ItemsID option:selected').text().trim();
        var c = $('#ItemsID option:selected').index();

        alert(a);
        alert(b);
        alert(c);
    })
});

请帮忙。

Answer 1

location.href 没有发送 POST 请求。你要做的是在你的 ActionResult 中放置一个表单标签来发出一个 POST 请求。

<form action='yourAction'>
<select name='name'></select>
<button type="submit">Get Items</button>
</form>

Answer 2

您可以使用以下代码在 action 方法中获取您选择的值。请注意，您必须将 html select 元素的 name 属性传递给 Request。

var selectedValue = Request["Items"];

此外，请确保单击的按钮使用如下代码提交表单。

主要的一点是，你只能使用 Request 对象来访问 C# 代码中的 html 元素值，前提是 html 元素和提交按钮在同一个表单中。如果您使用重定向用户而不是提交表单的按钮，那么这将不起作用，因此它必须是提交类型的按钮，如下面的代码所示。

@using (Html.BeginForm("YourActionName", "ControllerName")) {

          <select style="width:170px" id="ItemsID" name="Items"></select>

          <input type="submit" value="Submit Data" id="btnSubmit" />

}