Lista desplegable de MVC, onchange [cerrado]

Tengo una lista desplegable 2 en html, lista desplegable para el país y lista desplegable para el estado. Estoy usando MVC, quiero ser la salida como esta. Si cambio el País seleccionado, el estado del país seleccionado se completará en la lista desplegable para el estado. Obtengo los datos de país y estado de la base de datos, y en la tabla de estado hay un campo para countryId. Gracias por la ayuda.

Aquí está el código de muestra en HTML.

            <div class="fieldBlock">
                <div><label>Country</label>&nbsp;*</div>
                <div>@Html.DropDownListFor(model => model.Country.Id, Model.CountrySelectList, new { @class = "width305", @id = "ddlCountry" })</div>
                @Html.HiddenFor(model => model.Country.Name) @Html.HiddenFor(model => model.Country.Abbreviation)
                <div>@Html.ValidationMessageFor(model => model.Employee.StateId)</div>
            </div>

            <div class="fieldBlock">
                <div>@Html.LabelFor(model => model.Employee.StateId, "State/Province")&nbsp;*</div>
                <div>@Html.DropDownListFor(model => model.Employee.StateId, Model.CountryStateProvinceSelectList, new { @class = "width305" })</div>
                <div>@Html.ValidationMessageFor(model => model.Employee.StateId)</div>
            </div>

Respuestas a la pregunta(1)

Su respuesta a la pregunta