Ajax (зависимый select своими руками)
 

Здравствуйте.
Вот https://c2n.me/3WULGqo есть такие select. Суть: выбираем область, потом подгружается другой select с городами из этой области, потом, после выбора города, длжны подгружаться районы. Вот мой код:

$(document).on('change', '.oblast',function(e){
        e.preventDefault();
        var id = $(this).val();
        $.ajax({
            url: '/geo/oblast',
            data: {id: id},
            type: 'GET',
            success:function(res){
                $('.ct').html(res);
                City();
            },
            error: function(){
                alert('Error!');
            }
        });

    });

    function City(){
        $('.city').change(function () {
            var id = $(this).val();
            $.ajax({
                url: '/geo/city',
                data: {id: id},
                type: 'GET',
                success:function(res){
                    $('.rn').html(res);
                },
                error: function(){
                    alert('Error!');
                }
            });
        });
    }

сейчас все работает, НО:
Есть мы выбрали район, а потом вдруг захотели вообще поменять областЬ, то происходит это: https://c2n.me/3WULXIj город убирается (средствами php? если выборка 0, то не отображать ничего), но район остается. как мне сделать, что если меняется потом Область, все input которые зависят от области, тоже скрывались?

artem55555p,
что мешает при выборе области обнулять районы и города
добавить в строку 3

$('.rn').html("");$('.ct').html("");

Спасибо)) что-то я не додумался до этого))

А почему бы не через запятую?

$('.rn,.ct').html('');

Nexus,
ок

artem55555p,
хватило бы и одного обработчика для запросов хоть вплоть до комнаты в квартире, для этого достаточно изменять параметры запроса в обработчике и знать инициализатора запроса, что не сложно.

пример можете показать?