如何在 MVC 控制器中检索 DropDownList 的选定值？

在 MVC 控制器中检索选定的 DropDownList 值

本指南解决了从 MVC 控制器内的 DropDownList 访问所选值的常见挑战。

问题：从 MVC 控制器操作中的 DropDownList 中有效捕获用户的选择。

控制器操作（初始方法）：

以下代码演示了使用 FormCollection 的初始尝试：

<code class="language-csharp">[HttpPost]
public ActionResult ShowAllMobileDetails(MobileViewModel MV)
{           
   string strDDLValue = Request.Form["ddlVendor"].ToString(); // Using FormCollection
   return View(MV);
}</code>

型号：

<code class="language-csharp">public class MobileViewModel 
{
    public List<tbInsertMobile> MobileList;
    public SelectList Vendor { get; set; }
}</code>

查看（部分）：

<code class="language-html"><table>
    <tr>
        <td>Mobile Manufacturer</td>
        <td>@Html.DropDownList("ddlVendor", Model.Vendor, "Select Manufacturer")</td>
    </tr>
</table></code>

解决方案：

方法一：使用Request.Form或FormCollection（不太推荐）：

虽然功能强大，但由于依赖字符串操作且缺乏类型安全性，直接访问 Request.Form 通常不太受欢迎。 上面的代码已经演示了这个方法。

方法二：模型绑定（推荐）：

这种方法利用 MVC 的模型绑定功能来提供更干净、更易于维护的解决方案。

1. 增强您的模型： 将属性添加到您的 MobileViewModel 以专门保存所选供应商的值：

<code class="language-csharp">public class MobileViewModel 
{
    // ... existing properties ...
    public string SelectedVendor { get; set; }
}</code>

2. 更新您的视图： 使用 Html.DropDownListFor 将 DropDownList 绑定到新的 SelectedVendor 属性：

<code class="language-html">@Html.DropDownListFor(m => m.SelectedVendor, Model.Vendor, "Select Manufacturer")</code>

3. 精致的控制器操作：现在，所选值将自动填充到MV.SelectedVendor属性中：

<code class="language-csharp">[HttpPost]
public ActionResult ShowAllMobileDetails(MobileViewModel MV)
{           
   string strDDLValue = MV.SelectedVendor;
   return View(MV);
}</code>

方法 3：检索值和文本（高级）：

要获取所选值和其对应的文本，您需要一个隐藏字段和一些jQuery。

1. 扩展模型： 添加属性来存储所选供应商的文本：

<code class="language-csharp">public class MobileViewModel 
{
    // ... existing properties ...
    public string SelectedVendor { get; set; }
    public string SelectedVendorText { get; set; }
}</code>

2. 添加 jQuery： 在视图中包含 jQuery，并在 DropDownList 选择更改时使用它来更新隐藏字段：

<code class="language-javascript">$(function () {
    $("#SelectedVendor").on("change", function () {
        $("#SelectedVendorText").val($(this).find(":selected").text());
    });
});</code>

3. 将隐藏字段添加到视图中：

<code class="language-html">@Html.DropDownListFor(m => m.SelectedVendor, Model.Vendor, "Select Manufacturer")
@Html.HiddenFor(m => m.SelectedVendorText)</code>

现在，MV.SelectedVendor（值）和MV.SelectedVendorText（文本）都将在您的控制器中可用。 请记住将 jQuery 库包含在您的视图中。 这是最强大的解决方案。

请记住选择最适合您的需求和编码风格的解决方案。 通常建议使用模型绑定（方法 2 和 3），因为它的清晰度和可维护性。

以上是如何在 MVC 控制器中检索 DropDownList 的选定值？的详细内容。更多信息请关注PHP中文网其他相关文章！