ASP.Net MVC CRUD: Select Insert Edit Update and Delete with DropDownList in ASP.Net MVC Razor

Ok, so upon further review, I realized what I doing wrong and was able to figure it out. I had a few typos in my code but that was not the issue. I changed how the JS to how it located and bind the data back to the span. 

   //Bind SupervisorName.
    $(".SupervisorName", row).find("span").html(SupervisorName);   
    $(".SupervisorName", row).find("select").val(SupervisorName);

    //Bind UnitNumber.
    $(".UnitNumber", row).find("span").html(UnitNumber);
    $(".UnitNumber", row).find("select").val(UnitNumber);   

    ////Bind MaintenaceTypes.
    $(".MaintenanceTypes", row).find("span").html(MaintenanceTypes);    
    $(".MaintenanceTypes", row).find("select").val(MaintenanceTypes);    


$("body").on("click", "#HistoryTable .Update", function () {
    
    var row = $(this).closest("tr");
    $("td", row).each(function () {
        if ($(this).find("input").length > 0) {
            var span = $(this).find("span");
            var input = $(this).find("input");            
           
            span.html(input.val());
            span.show();
            input.hide();  
        }
        else if ($(this).find("select").length > 0)
        {
            var span = $(this).find("span");
            var select = $(this).find("select");
            span.html(select.val());
            span.show();
            select.hide();
        }
    });

I was able to correct witht this code. 

This is working now. Thank you to anyone who looked at this and to anyone who tried to answer, sorry if I wasted your time.