Hi santosgernan1,
Refer below sample.
Model
public class EmployeeModel
{
public int? EmpId { get; set; }
public string? EmpName { get; set; }
public string? EmpAddress { get; set; }
public string? ContactNo { get; set; }
public SelectList Employees { get; set; }
}
Controller
public IActionResult Index()
{
EmployeeModel employee = new EmployeeModel();
employee.Employees = new SelectList(PopulateEmployees(), "EmpId", "EmpName");
return View(employee);
}
[HttpPost]
public IActionResult Index(int empId)
{
EmployeeModel employee = PopulateEmployees().Where(x => x.EmpId == empId).FirstOrDefault();
employee.Employees = new SelectList(PopulateEmployees(), "EmpId", "EmpName");
return View(employee);
}
private static List<EmployeeModel> PopulateEmployees()
{
List<EmployeeModel> employees = new List<EmployeeModel>();
employees.Add(new EmployeeModel { EmpId = 1, EmpName = "John", EmpAddress = "USA", ContactNo = "1111111111" });
employees.Add(new EmployeeModel { EmpId = 2, EmpName = "Shehjad", EmpAddress = "India", ContactNo = "2222222222" });
employees.Add(new EmployeeModel { EmpId = 3, EmpName = "Nuan", EmpAddress = "Sri Lanka", ContactNo = "3333333333" });
return employees;
}
View
@model Sample_129177.Models.EmployeeModel
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<form id="form1" method="post" asp-controller="Home" asp-action="Index">
<table>
<tr>
<td>Employee</td>
<td>
<select id="ddlEmployees" name="EmpId" asp-items="Model.Employees">
<option value="0">Please select</option>
</select>
</td>
</tr>
<tr>
<td>Name</td>
<td><input type="text" asp-for="EmpName" /></td>
</tr>
<tr>
<td>Address</td>
<td><input type="text" asp-for="EmpAddress" /></td>
</tr>
<tr>
<td>Contact No</td>
<td><input type="text" asp-for="ContactNo" /></td>
</tr>
</table>
</form>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
$("body").on("change", "#ddlEmployees", function () {
document.forms["form1"].submit();
});
</script>
</body>
</html>
Screenshot
