jquery - 如何使用具有多个值的 @Html.DropDownList

Question

我有一个表 Medicine，其中包含 ID、MedicineName 和 price 列

现在我有了这个由 table 上药物填充的@Html.DropDownList。我想在调用中包含值 ID、MedicineName 和 price 或在 jquery 中使用它。

目前我只能获取MedicineName

我的 Controller :

 public ActionResult Create()
    {
        ViewBag.ClientID = new SelectList(db.Clients, "ClientID", "Surname");
        ViewBag.MedicineID = new SelectList(db.Medicines, "MedicineID", "MedicineName");
        return View();
    }

我的看法:

 @Html.DropDownList("MedicineID", ViewBag.MedicineID, htmlAttributes: new { @class = "form-control" })

脚本:

 $("#btnAdd").click(function () {

        var medname = $("#MedicineID option:selected").text()
        var qty = $("#myID").val()

        $("#tblList").append('<tr> <td>' +medname+ '</td>  <td>'+qty+'</td>  <td>   </td>  <td><a class="remove" href="#">del</a></td></tr>')

    })

Answer 1

尝试从 Controller 操作方法在下拉列表中发送格式化数据。您可以使用如下内容:

    public ActionResult Create()
    {
            ViewBag.ClientID = new SelectList(db.Clients, "ClientID", "Surname");

           //modified code
            var medlist = db.Medicines.AsEnumrable().Select(x => new {Id = x.MedicineID, MedName = (x.Id + " "+ x.MedicineName +" "+ x.Price).ToString()});
            ViewBag.MedicineID = new SelectList(medlist, "ID", "MedName");
            return View();
        }

现在您可以在下拉列表中看到您的药品的 ID、名称和价格。您可以根据需要格式化下拉列表。您可以通过放置适当的字符串函数来提取脚本中的数据。