如何使selectList显示默认值作为jquery中的选中项

Question

I'm implementing asp.net core 3.1 project. I have a dropdownlist like the following that gets its data via ViewData in Controller.

  <div id="displaySelectList" style="display:none;">
                                @Html.DropDownList("reason", new SelectList((IEnumerable<SelectListItem>)ViewData["reason"], "Value", "Text"), "select", new { @class = "form-control", id = "reason" })
                                @Html.ValidationMessage("reason", "select", new { @class = "text-danger" })
                            </div>

The first item is the default item of the DropDownList. Now the problem is after choosing an item from that and after again opening the DropDownList, the user can see the former selected item as the default while I want it to show the "select" item as the default.I appreciate if anyone could suggests me a solution.

Answer 1

Use this function to reset the dropdown

function resetSelectElement(){
    $('select').prop('selectedIndex', 0);
}

Call this function when you close the modal.