在 MVC 控制器中檢索選定的 DropDownList 值

本指南解決了從 MVC 控制器內(nèi)的 DropDownList 訪問所選值的常見挑戰(zhàn)。

問題：從 MVC 控制器操作中的 DropDownList 中有效捕獲用戶的選擇。

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

以下代碼演示了使用 FormCollection 的初始嘗試：

[HttpPost]
public ActionResult ShowAllMobileDetails(MobileViewModel MV)
{           
   string strDDLValue = Request.Form["ddlVendor"].ToString(); // Using FormCollection
   return View(MV);
}

型號：

public class MobileViewModel 
{
    public List<tbInsertMobile> MobileList;
    public SelectList Vendor { get; set; }
}

查看（部分）：

<table>
    <tr>
        <td>Mobile Manufacturer</td>
        <td>@Html.DropDownList("ddlVendor", Model.Vendor, "Select Manufacturer")</td>
    </tr>
</table>

解決方案：

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

雖然功能強(qiáng)大，但由于依賴字符串操作且缺乏類型安全性，直接訪問 Request.Form 通常不太受歡迎。 上面的代碼已經(jīng)演示了這個(gè)方法。

方法二：模型綁定（推薦）：

這種方法利用 MVC 的模型綁定功能來提供更干凈、更易于維護(hù)的解決方案。

1. 增強(qiáng)您的模型： 將屬性添加到您的 MobileViewModel 以專門保存所選供應(yīng)商的值：

public class MobileViewModel 
{
    // ... existing properties ...
    public string SelectedVendor { get; set; }
}

2. 更新您的視圖： 使用 Html.DropDownListFor 將 DropDownList 綁定到新的 SelectedVendor 屬性：

@Html.DropDownListFor(m => m.SelectedVendor, Model.Vendor, "Select Manufacturer")

3. 精致的控制器操作：現(xiàn)在，所選值將自動填充到MV.SelectedVendor屬性中：

[HttpPost]
public ActionResult ShowAllMobileDetails(MobileViewModel MV)
{           
   string strDDLValue = MV.SelectedVendor;
   return View(MV);
}

方法 3：檢索值和文本（高級）：

要獲取所選值和其對應(yīng)的文本，您需要一個(gè)隱藏字段和一些jQuery。

1. 擴(kuò)展模型： 添加屬性來存儲所選供應(yīng)商的文本：

public class MobileViewModel 
{
    // ... existing properties ...
    public string SelectedVendor { get; set; }
    public string SelectedVendorText { get; set; }
}

2. 添加 jQuery： 在視圖中包含 jQuery，并在 DropDownList 選擇更改時(shí)使用它來更新隱藏字段：

$(function () {
    $("#SelectedVendor").on("change", function () {
        $("#SelectedVendorText").val($(this).find(":selected").text());
    });
});

3. 將隱藏字段添加到視圖中：

@Html.DropDownListFor(m => m.SelectedVendor, Model.Vendor, "Select Manufacturer")
@Html.HiddenFor(m => m.SelectedVendorText)

現(xiàn)在，MV.SelectedVendor（值）和MV.SelectedVendorText（文本）都將在您的控制器中可用。 請記住將 jQuery 庫包含在您的視圖中。 這是最強(qiáng)大的解決方案。

請記住選擇最適合您的需求和編碼風(fēng)格的解決方案。 通常建議使用模型綁定（方法 2 和 3），因?yàn)樗那逦群涂删S護(hù)性。

以上是如何在 MVC 控制器中檢索 DropDownList 的選定值？的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！