如何将选定的 DropDownList 项目 ID 发送到 ActionMethod

Question

我想将 DropDownList 中所选项目的 id 发送到 ActionMethod .... 当我尝试此代码并选择我想要的项目然后单击提交时，我没有得到任何结果..

我的虚拟机获取项目列表：

 vm.Group = new SelectList(db.Groups.Where(p => p.User_Id == user_id && p.state==1), "Group_id", "Group_name");

我的看法：

@Html.DropDownList("group_list", Model.Group, null, htmlAttributes: new { @class = "form-control" })
<button type="button" data-id="@Model.Book.Book_id" class="BGButton btn btn-primary">Save changes</button>

我的 JS 调用：

$('.BGButton').click(function () {

    var myId = $(this).data('id');

    $.ajax({
        type: "GET",
        url: '@Url.Action("Insert", "Group")?Book_id=' + myId+"&Group_id="+@Model.Group,
        success: function (response) {
            $('#myElem').html(response).fadeIn('slow');
            $('#myElem').delay(8000).fadeOut('slow');
        },
        failure: function (response) {

            alert("Failure");
        }
    });
});

我正在尝试访问/向其发送数据的操作：

public ActionResult Insert(int? Book_id , string group_list)
    {

                var x = User.Identity.GetUserId();
                GroupBook GrpBook = new GroupBook()
                    {
                        Book_Id = (int)Book_id,
                        User_Id = x.ToString(),
                        Group_id=Convert.ToInt16(group_list)

                };
                    db.GroupBooks.Add(GrpBook);

    }

当我尝试之前的代码时，我没有得到任何结果（没有调用），我该如何解决这个问题并让它工作，谢谢......

Answer 1

点击按钮试试这个

$('.BGButton').click(function() {

  var myId = $(this).data('id');
  var groupId = $('#Group_id').val();//assuming Group_id is your dropdown id

      $.ajax({
        type: "GET",
        url: '@Url.Action("Insert", "Group")?Book_id=' + myId + "&Group_id=" + groupId,
        success: function(response) {
          $('#myElem').html(response).fadeIn('slow');
          $('#myElem').delay(8000).fadeOut('slow');
        },
        failure: function(response) {

          alert("Failure");
        }
      });
    });