https://www.itsolutionstuff.com/post/laravel-country-state-city-dropdown-using-ajax-exampleexample.html linkte yer alan uygulamayı kendime marka model alt model veritabanıma uyarladım ama sistem çalışmadı. Orjinal sitede anlatıldığı şekilde yaptığımda çalışıyor ama kendi veritabanıma uyarladığımda çalışmıyor.
Veritabanı
Alt model table:
https://prnt.sc/FgLIqcS4wrj4
model table:
https://prnt.sc/5bESU3CfyOMG
marka table:
https://prnt.sc/ZKcQz8DNyxZ5
Chrome consolde'dan bakınca javascript kodlarında hata gösteriyor. Kodlar;
`<script>
$(document).ready(function () {
$('#country-dropdown').on('change', function () {
var idCountry = this.value;
$("#state-dropdown").html('');
$.ajax({
url: "{{url('admin/api/fetch-states')}}",
type: "POST",
data: {
marka_id: idCountry,
_token: '{{csrf_token()}}'
},
dataType: 'json',
success: function (result) {
$('#state-dropdown').html('<option value="">-- Select State --</option>');
$.each(result.models, function (key, value) {
$("#state-dropdown").append('<option value="' + value
.id + '">' + value.name + '</option>');
});
$('#city-dropdown').html('<option value="">-- Select City --</option>');
}
});
});
$('#state-dropdown').on('change', function () {
var idState = this.value;
$("#city-dropdown").html('');
$.ajax({
url: "{{url('api/fetch-cities')}}",
type: "POST",
data: {
model_id: idState,
_token: '{{csrf_token()}}'
},
dataType: 'json',
success: function (res) {
$('#city-dropdown').html('<option value="">-- Select City --</option>');
$.each(res.model_alt, function (key, value) {
$("#city-dropdown").append('<option value="' + value
.id + '">' + value.name + '</option>');
});
}
});
});
});
</script>`
Sizce hata nerede bi türlü bulamadım