以下では、私のinitDataはID番号を持つ国名です。
私がやりたいのは、国を変更することです。クラスで実装した都市名リストを取得すると、機能します。ただし、ドロップダウンの変更時に、投稿してそれらの都市を取得する方法がわかりません:(
どんな助けでもいただければ幸いです。
ありがとう
<select class="Countries"></select>
<script type="text/javascript">
$(document).ready(function() {
var initData= @Html.Raw(Json.Encode(Model))
$(function() {
var $select = $('.Countries');
$(".Countries").append("<option value='0'>--Select Country--</option>");
$.each(initialData, function(i, country) {
var option = $('<option>', {
value: country.CountryID
}).html(country.CountryName).appendTo($select);
});
});
$('.Countries').change(function() {
var postData = [];
alert(postData);
postData.push({value: $(this).val()});
$.post('@Url.Action("Cities")', postData, function (data) {
if (data.success) {
alert('Retrieve list of cities');
}
}, 'json');
});
});
</script>
私のコントローラー:
public ActionResult Cities(int id)
{
List<CityModel> listCity = _da.GetCities(id);
return RedirectToAction("Index");
}