Я хочу получить каскадное выпадающее меню в пироках. Я написал следующий код AJAX. Но он всегда отображает диалоговое предупреждение (ошибка). То есть запрос ajax не выполняется.
<script type="text/javascript">
$(document).ready(function() {
$('#vehicle_cat_id').change(function() { //any select change on the dropdown with id country trigger this code
//$("#cities > option").remove(); //first of all clear select items
var cat_id = $('select#vehicle_cat_id').val(); // here we are taking country id of the selected one.
//alert(cat_id);
$.ajax({
type: "POST",
url: "<?= base_url('admin/vehicle/modellists') ?>", //here we are calling our user controller and get_cities method with the country_id
data: 'cat_id = '+cat_id,
success: function(html)
{
//alert('test');
$('select#vehicle_model_id').html(html);
},
error: function(){
alert('failed');
}
});
});
});
</script>
Что я сделал не так?
Я сделал исправление, надеюсь, это поможет:
<script type="text/javascript">
$(document).ready(function() {
$('#vehicle_cat_id').change(function() { //any select change on the dropdown with id country trigger this code
//$("#cities > option").remove(); //first of all clear select items
var cat_id = $('select#vehicle_cat_id').val(); // here we are taking country id of the selected one.
//alert(cat_id);
$.ajax({
type: "POST",
url: "<?= base_url('admin/vehicle/modellists') ?>", //here we are calling our user controller and get_cities method with the country_id
data: {
'cat_id' : cat_id
}
success: function(html)
{
//alert('test');
$('select#vehicle_model_id').html(html);
},
error: function(){
alert('failed');
}
});
});
});
</script>
Других решений пока нет …