Lista suspensa do MVC, onchange [closed]

Eu tenho um 2 Dropdownlistfor em html, dropdownlistfor Country e dropdownlistfor state. Estou usando MVC, eu quero ser o resultado como este, se eu mudar o país selecionado, o estado do país selecionado será preenchido na lista suspensa para o estado. Estou recebendo os dados de país e estado do banco de dados, e na tabela de estado há um campo para countryId. Obrigado por ajuda.

aqui está o exemplo de código em 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>

questionAnswers(1)

yourAnswerToTheQuestion