getting both Text and value of a drop down list

Question

I have the following Model:

using System.ComponentModel.DataAnnotations;
namespace EmployeeRecognition.Models
{
    public class Sections
    {
        [Key]
        public int SectionId { get; set; }
        public string SectionName { get; set; }
    }
}

This is how I am binding my drop down list in Razor view:

 <select asp-for="SectionId" class="form-control" asp-items="ViewBag.sections" required>
                            <option value="">--Select Section Name--</option>
    </select>

My controller has the following code:

     public async Task<IActionResult> Index()
        {
            List<Sections> Sections = new List<Sections>();
            Sections = await _lookupData.GetSectionNames();
            ViewData["sections"] = new SelectList(Sections, "SectionId", "SectionName");
            return View();
        }

when I select some value from the drop down list and on postback come to the controller, I only get the SectionId. Is it possible to get both SectionId and SectionName on HTTPPost.

any help will be highly appreciated.

Answer 1

the browser only posts back the value. on postback your server code should recreate the list data, and lookup the description based on the value (if you have an error you will need to recreate the list anyway). you other option is to add a hidden field to store the description and have javascript update the hidden field when the select value changes.