How to send multiple value of select to MVC controller using Ajax.

Question

selSub multiple= multiple > 1 >C# 2 >Asp 3 >Java 4 >Python The user can select multiple values now how do i send it to controller?

Sachin Singh · Answer

//In Model create a list of Subject public class SubjectVM { List subjects{get;set;} } public class Subject { public int Id {get;set;} public string Name{get;set;} } var subs = new Array(); $( #selSub :selected ).each(function () { var subObj = { Name : $( this ).text() Id : $( this ).val() } subs.push(subObj); }); var model = { Subjects: subs // other properties }; $.ajax({ type: post  url: your url  dataType: json  contentType: application/json;charset=utf-8  data: JSON.stringify(model) traditional: true  cache: false  success:function(){} }) public void Save( SubjectVM model) { }

geetha geetha · Answer

Here I explain how to pass multiple parameters from ajax to MVC controller with an example and sample code. In this example on the button click we using Ajax Post Method to send data to controller. Model.cs: using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace product.Models { public class Product { public int productid{ get ; set ; } public string productname { get ; set ; } public decimal productprice { get ; set ; } } } Controller: using product.Models; using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace product.Controllers { public class productcontroller : Controller { // GET: productcontroller public ActionResult Index() { return View(); } public JsonResult GetJsonData(Product product) { return Json(product); } } } Index.html: @{ Layout = null ; } viewport content= width=device-width /> How to pass multiple parameters from ajax to mvc controller - Aspsolution.net https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js > text/javascript src= http://cdnjs.cloudflare.com/ajax/libs/json2/20130526/json2.min.js > $(document).ready(function () { $( #btnSend ).click(function () { var product = { productid: $( #productid ).val() Productname: $( #productname ).val() productprice: $( productprice ).val() }; $.ajax({ type: POST  url: '@Url.Action(GetJsonData product)'  dataType: json  data: JSON.stringify({ product }) contentType: application/json; charset=utf-8  dataType: json  success: function (data) { alert(data.productid + - + data.Productname + - + data.productprice); } }); }); }); productid : class = form-control type= text placeholder= productid id= productid > productname : class = form-control type= text placeholder= productname id= productname > productprice : class = form-control type= number placeholder= productprice id= productprice > button id= btnSend name= Send value= Send /> Output: