Cascading dropdown is not passing value to the action method

See more:

ASP.NET

MVC

Hi, I am using two Kendo Dropdownlists as Cascading dropdowns, but when my form is being submitted, the value and text both of the second dropdown is not being passed to the action method.
My partial view is being opened with Editortemplate of the Kendo grid, my dropdowns are as below

<pre>@model DHCS.BH.Provider.Models.ProviderService

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="k-edit-form-container">
        <ul class="errors"></ul>
        <div class="editor-label" style="display:none;">
            @Html.LabelFor(model => model.PKProviderServiceId)
        </div>
        <div class="editor-field" style="display:none;">
            @Html.Kendo().TextBoxFor(model => model.ProviderId)
        </div>
        <div class="editor-label" style="display:none;">
            @Html.LabelFor(model => model.ServFuncCatMCModeOfServiceId)
        </div>
        <div class="editor-field" style="display:none;">
            @Html.Kendo().TextBoxFor(model => model.ServFuncCatMCModeOfServiceId)
        </div>
        <div class="editor-label" style="display:none;">
            @Html.LabelFor(model => model.ServiceFunctionCategoryId)
        </div>
        <div class="editor-field" style="display:none;">
            @Html.Kendo().TextBoxFor(model => model.ServiceFunctionCategoryId)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.MSSF)
        </div>
        <div class="editor-field">
            @Html.Kendo().DropDownListFor(model => model.MSSF).Name("MSSF").DataSource(source => { source.Read(read => { read.Action("GetMSSF", "LookUp"); }); }).OptionLabel("Select").DataTextField("Text").DataValueField("Text")@*.HtmlAttributes(new { id = "idMSSF" })*@
            @Html.ValidationMessageFor(model => model.MSSF, "", new { @class = "text-danger" })
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.MCMS)
        </div>
        <div class="editor-field">           
            @Html.Kendo().DropDownListFor(model => model.MCMS).Name("MCMS").OptionLabel("Select").DataTextField("Text").DataValueField("Text").DataSource(source => { source.Read(read => { read.Action("GetMCMSByMSSF", "Provider").Data("filterMCMS"); }).ServerFiltering(true); }).Events(e => e.DataBound("onMCMSDataBound")).AutoBind(false).CascadeFrom("MSSF")
            @Html.ValidationMessageFor(model => model.MCMS, "", new { @class = "text-danger" })
        </div>
</div>
}


<style>
    .k-edit-buttons.k-state-default {
        visibility: visible;
    }

</style>

Please help me if I am missing anything, any help would be greatly helpful, thanks in advance.

What I have tried:

googling trying with different options etc but nothing helped so far.