從下拉列表中選擇項目然后獲取項目的 ID C#

Question

你好，我有一個看起來像這樣的視圖頁面

@model PIC_Program_1._0.Models.Shipping
@using PIC_Program_1._0.Models;

@{
    PIC_Program_1_0Context db = new PIC_Program_1_0Context();

    Model.preparedBy = Model.preparedBy != null  ? Model.preparedBy : IGT.user;

}

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()   
            <table>
                <tr>
                    <th rowspan="3">Items</th>

                    <td>
                        @Html.DropDownList("ItemID", null, null, htmlAttributes: new { @class = "form-control chosen-select", })

                        @{ 
                             Item i = db.Items.Find(int.Parse(Request["ItemID"]));

                             var packedItems = Model.packed(i);
                             var orderedItems = Model.SalesOrder.totalItems(i);

                             var itemMax = orderedItems - packedItems;
                         }

                    </td>                       
                    <td>

                      <input type="number" value="@ViewBag.ItemQ" name="item_qty" class="form-control" max="@itemMax" />

                    </td>

                </tr>

我希望用戶能夠從下拉列表中選擇項目，然后我想獲取用戶選擇的項目並將其放入方法參數中

Answer 1

在后台

string strDDLValue = Request.Form["ddlVendor"].ToString();

您可以在調試中查看它以提供幫助

@Html.DropDownList("ItemsXY", new SelectList(ViewBag.ItemsXY), "Choose Category", new { @class = "form-control" })

$("#ItemsXY").on("change", function () {
 var q = $("#Category").val();

console.log("val = " + q);
});

---

在您的表單集合中

[HttpPost]
public ActionResult PIC_Program_1(SomeViewModel someMV,FormCollection form)
{           
  string strDDLValue = form["ItemsXY"].ToString();    
  return View(MV);
}

要么

string strDDLValue = Request.Form["ItemsXY"].ToString();

---

如果您還需要所選項目的文本，請添加一個隱藏字段並在下拉選擇更改隱藏字段中設置所選項目文本：

更新您的 model 以保存隱藏值

// Add this to your VM
public string SelectItemsXY {get;set;}
public string SelectedItemsXYText { get; set; }

<script type="text/javascript">
$(function(){
$("#ItemsXY").on("change", function {
   $("#SelectedvendorText").val($(this).text());
 });
});
</script>

@Html.DropDownListFor(m=>m.SelectedItemsXY , Model.ItemsXY, "Select ItemsXY")
@Html.HiddenFor(m=>m.SelectedItemsXYText)