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

Vikash Nayak

6y2.8kAJAX

"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?

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh6y ago
Accepted 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 geetha4y ago
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">










        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: