how to set dropdown value in Edit mode of User Form in MVC.

Hello,

I m trying to set dropdown value in edit mode from model, but not able to do that,

Please help.

my code is as per below.

View

@model AdminPortal.Models.UserModel

}

@using (Html.BeginForm())

{

@Html.AntiForgeryToken()

HtmlHelper.UnobtrusiveJavaScriptEnabled = false;

Designation

@Html.DropDownListFor(Model => Model.DesignationId, new List

{

}, htmlAttributes: new { @class = "form-control", id = "ddlDesignationId" })

}

In model

public string DesignationId { get; set; }

In Controller

public ActionResult Create(string UserId)

{

//PopulateDesignation();

if (UserId == null)

return View();

else

{

UserDAL userDAL = new UserDAL();

return View(userDAL.GetUsers().Find(umodel => umodel.UserId == UserId));

}

public JsonResult PopulateDesignation()

{

List items = new List();

UserDAL userDAL = new UserDAL();

items = userDAL.PopulateDesignation();

return Json(items);

}

Kindly note the following solution:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace WebApplication2.Models
{
public class Employee
{
public int Id { get; set; }
public string Name { get; set; }
public int DepartmentId { get; set; }
}
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace WebApplication2.Models
{
public class Department
{
public int Id { get; set; }
public string Title { get; set; }
}
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using WebApplication2.Models;
namespace WebApplication2.Controllers
{
public class HomeController : Controller
{
public static List lst;
// GET: Home
public ActionResult Index()
{
List lstDept = new List();
lstDept.Add(new Department() { Id = 1, Title = "IT" });
lstDept.Add(new Department() { Id = 2, Title = "HR" });
var r = new Random();
lst = new List();
for (int i = 1; i < 5; i++)
{
lst.Add(new Employee() { Id = i, Name = $"Employee {i}", DepartmentId = r.Next(1, 3) });
}
return View(lst);
}
public ActionResult edit(int _id)
{
// Get Department by using employee id ...
// fill department data
List lstDept = new List();
lstDept.Add(new Department() { Id = 1, Title = "IT" });
lstDept.Add(new Department() { Id = 2, Title = "HR" });
Employee employee = lst.Find(a => a.Id == _id);
ViewBag.department = new SelectList(lstDept, "Id", "Title");
return PartialView("_employeeForm", employee);
}
}
}

"~/Scripts/jquery-1.10.2.js">
"text/javascript">
function EditEmployee(ServiceURL) {
alert(ServiceURL);
$.ajax({
type: "GET",
url: ServiceURL,
dataType: "html",
success: function (data) {
$('#editDiv').html(data);
}
});
}
@model IEnumerable
@{
ViewBag.Title = "Index";
}
Employees List
@foreach (var item in Model)
{
@item.Name
@item.DepartmentId
"#" onclick="EditEmployee('@Url.Action("edit", "home", new { _id = item.Id })')">Edit
}
"editDiv">

3 Replies

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

Mohammad Sbeeh8y ago
Kindly note the following solution:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace WebApplication2.Models
{
    public class Employee
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public int DepartmentId { get; set; }
    }
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace WebApplication2.Models
{
    public class Department
    {
        public int Id { get; set; }
        public string Title { get; set; }
    }
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using WebApplication2.Models;

namespace WebApplication2.Controllers
{
    public class HomeController : Controller
    {
        public static List lst;

        // GET: Home
        public ActionResult Index()
        {
            List lstDept = new List();
            lstDept.Add(new Department() { Id = 1, Title = "IT" });
            lstDept.Add(new Department() { Id = 2, Title = "HR" });

            var r = new Random();
            lst = new List();
            for (int i = 1; i < 5; i++)
            {
                lst.Add(new Employee() { Id = i, Name = $"Employee {i}", DepartmentId = r.Next(1, 3) });
            }



            return View(lst);
        }

        public ActionResult edit(int _id)
        {
            // Get Department by using employee id ...

            // fill department data
            List lstDept = new List();
            lstDept.Add(new Department() { Id = 1, Title = "IT" });
            lstDept.Add(new Department() { Id = 2, Title = "HR" });


            Employee employee = lst.Find(a => a.Id == _id);


            ViewBag.department = new SelectList(lstDept, "Id", "Title");

            return PartialView("_employeeForm", employee);
        }
    }
}
"~/Scripts/jquery-1.10.2.js">

"text/javascript">
    function EditEmployee(ServiceURL) {
        alert(ServiceURL);
        $.ajax({
            type: "GET",
            url: ServiceURL,
            dataType: "html",
            success: function (data) {
                $('#editDiv').html(data);
            }
        });
    }


@model IEnumerable
@{
    ViewBag.Title = "Index";
}

Employees List


@foreach (var item in Model)
{

@item.Name


@item.DepartmentId

    "#" onclick="EditEmployee('@Url.Action("edit", "home", new { _id = item.Id })')">Edit

}

"editDiv">

how to set dropdown value in Edit mode of User Form in MVC.

Employees List