Редактируемая таблица HTML с полем @ Html.DropDownListFor в MVC

Question

Я хочу создать страницу таблицы HTML в .net MVC, которая имеет редактируемые поля. Я могу сделать это для полей TextBoxFor. При отправке страницы метод Post контроллера получает значения из таблицы. Я сталкиваюсь с проблемой, когда использую DropDownListFor. Страница отображается с полями DropDownListFor, но при отправке метод пост-контроллера получает объект Model без каких-либо данных в его свойствах. В следующем фрагменте кода метод действия контроллера SaveMyItems получает объект Model со значениями NULL, установленными в его свойствах.

Это мои модели классов

public class ItemsEntryModel
{
  public ItemModel Item { get; set; }
  public List<MyItemOptions> MyItemsOptionList { get; set; }  
  //individual field of HTML table      
}

public class ItemModel
{
  public int ID { get; set; }
  public string ItemName { get; set; }
}

public class MyItemOptions
{
  public int ID { get; set; }
  public int MyItemOptionUniqueNo { get; set; }
  public string OptionName { get; set; }
  public MyItemSubOptions SelectedItemSubOption { get; set; }
  public List<MyItemSubOptions> MyItemSubOptionsList { get; set; } 
  //bind in individual dropdown of field
}

public class MyItemSubOptions
{
  public int ID {get; set;}
  public string SubOptionName {get; set;}
}

Код Java Script для вызова метода действия Controlller для визуализации частичного представления и отправки частичного представления

$.ajax({
    url: '/MyController/MyItemsPartialView',
    contentType: 'application/html ; charset:utf-8',
    type: 'GET',
    data: {
        Id: data
    },
    dataType: 'html'
}).done(function (result) {
    //result of MyItemsPartialView action method is displayed in partial view
});

$.post('/MyController/SaveMyItems', $(this).serialize(), function (response) {
    
    //response of SaveMyItems action method is displayed on main view
});

@model ItemsEntryModel

<div class="row">
    <div class="form-group col-lg-12 mb-4">
        <div class="col-lg-12">
            @Model.Item.ItemName
        </div>
        <table class="table table-condensed table-hover bg-inverse-warning">
            <tr>
                @foreach (var item in Model.MyItemsOptionList)
                {
                    <td>
                        @Html.DisplayFor(modelItem => item.OptionName)
                    </td>
                }
            </tr>
            <tr>
                @foreach (var item in Model.MyItemsOptionList)
                {
                    <td>
                        @Html.DropDownListFor(modelItem => item.SelectedItemSubOption, new SelectList(item.MyItemSubOptionsList, "ID", "Name"), new { @id = "Product_" + item.MyItemOptionUniqueNo, @class = "form-control" })
                        <input id="lblMyItemOptionUniqueNo" type="hidden" value="@Html.DisplayFor(modelItem => item.MyItemOptionUniqueNo)" />
                    </td>
                }
            </tr>
        </table>
    </div>
</div>