国のリストに基づいて州のリストを取得し、選択した州に基づいて都市を取得しています。そのためにJQueryとAjaxを使用しています。最初のjquery関数は起動されますが、フィールドIDを正しく指定しても2番目のjquery関数は起動されません
$(document)
.ready(
function() {
$('#countryId').on('change',function(){
jQuery
.ajax({
error : function() {
$("#stateSelectBox")
.html(
"<span class='error'>Failed to load state!</span>");
},
success : function(results) {
$("#stateSelectBox")
.html(results);
}
});
});
$('#stateId').on('change',function(){
jQuery
.ajax({
error : function() {
$("#city")
.html(
"<span class='error'>Failed to load state!</span>");
},
success : function(results) {
$("#city")
.html(results);
}
});
});
});