下拉选择更改以更新 ASP.NET MVC 中的数据库

Question

我正在尝试使用表格在视图中填充模型列表。其中一个字段是下拉列表。

当下拉选择改变时，选择的值和模型 id（或具有更新下拉值的整个模型）必须传递给更新数据库的控制器。

在几个链接的帮助下，我尝试使用 jQuery 传输数据（ASP.NET MVC 和 jQuery 的学习和新手）

<script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
        <script type="text/javascript">
        $("body").on("change", "#ddlFruits", function () {
            $("#hfFruitName").val($(this).find("option:selected").text() + ":" + document.getElementById("hfFruitName").value);
            document.forms["Form1"].submit();
        });
        </script>

是一个 jQuery

@using (Html.BeginForm("Submit", "Initiative", FormMethod.Post, new { @name = "Form1" }))
{
    @Html.DropDownList("Fruits", new SelectListItem[]{
                            new SelectListItem() {Text = "Good work", Value="Good work"},
                            new SelectListItem() {Text = "Wow", Value="Wow"},
                            new SelectListItem() {Text = "Keep it up", Value="Keep it up"}}, "Select a Remark", new { @id = "ddlFruits" })
                    @Html.HiddenFor(model => item.Id,  new { @id = "hfFruitName"})
    }

它正在显示下拉菜单，但我们选择的任何下拉菜单都只会更新 第一行或数据。

如果我选择第 10 行的第 10 行值的下拉列表并且传递了 id 或第 1 行

示例链接 https://drive.google.com/file/d/1q3BCOhTPRkllIiq4NnW9Gd1kgtySqJTo/view?usp=sharing

Answer 1

这有点猜测，但我认为你的路线

 @Html.HiddenFor(model => item.Id,  new { @id = "hfFruitName"})

是问题所在。

试试改成

<input type="hidden" id="hfFruitName" name="id" value="@item.Id">