Как отправить выбранный идентификатор элемента DropDownList в ActionMethod

Question

Я хочу отправить идентификатор выбранного элемента в DropDownList в ActionMethod .... когда я пробовал этот код и выбираю элемент, который я хочу, затем нажмите «Отправить», я не получил результата ..

My VM Для того, чтобы получить список пункта:

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"); 
     } 
     }); 
    });