在 MVC 控制器中擷取選取的 DropDownList 值

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

問(wèn)題：從 MVC 控制器操作中的 DropDownList 中有效捕捉使用者的選擇。

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

以下程式碼示範(fàn)了使用 FormCollection 的初始嘗試：

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

型號(hào)：

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)示範(fàn)了這個(gè)方法。

方法二：模型綁定（建議）：

這種方法利用 MVC 的模型綁定功能來(lái)提供更乾淨(jìng)、更易於維護(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)在，所選值將自動(dòng)填入MV.SelectedVendor屬性中：

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

方法 3：檢索值與文字（進(jìn)階）：

要取得所選值和其對(duì)應(yīng)的文本，您需要一個(gè)隱藏欄位和一些jQuery。

1. 擴(kuò)充模型： 新增屬性來(lái)儲(chǔ)存所選供應(yīng)商的文字：

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

2. 新增 jQuery： 在視圖中包含 jQuery，並在 DropDownList 選擇變更時(shí)使用它來(lái)更新隱藏欄位：

$(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（文字）都將在您的控制器中可用。 請(qǐng)記住將 jQuery 庫(kù)包含在您的視圖中。 這是最強(qiáng)大的解決方案。

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

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