On edit of the form MDB select box should auto select last chosen value using jquery. I am using MVC Razor web pages and data is in model. I can see value is there .

Lastly chosen value is in blue color in the drop down but not auto selected in the select box UI

HTML Code @Html.DropDownListFor(m => m.TestId, Model.TestNames, new { @required = "required", @class = "TestId mdb-select md-form colorful-select dropdown-info", @id= "TestId", @searchable = "Search here.."})

Jquery code

$(document).ready(function () {

var ResultId = "@Model.ResultId"; var testID = "@Model.TestId"; if (ResultId > 0) {

$("#gridModalLabel").text("Edit Test Result"); $("select#TestId").materialSelect("destroy"); $("select#TestId").materialSelect(); $("select#TestId option[value='" + testID + "']").attr("selected", "selected"); $("select#TestId").trigger('change');

} })