在下面,我的 initData 是带有 ID #s 的国家名称。
我想做的是改变国家,获取我在课堂上实施的城市名称列表,它可以工作。但是,在下拉更改时,我不知道如何回发并获取这些城市 :(
任何帮助,将不胜感激。
谢谢
<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");
}