Вопросы по JavaScript

Гугли плагины

selemet, Уже не надо сделал вертткально

Печаль беда, помогите пожалуйста.
Честно признаться, разбираться в javascript'е начал неделе две назад, пока только могу лепить чужой код.
Мне нужно сделать подгружаемые селекты, типо как в вк подгружается город, после выбора страны.
У меня есть такой вот код...

$(document).ready(function(){
    $('#type_struct').change(function(){
        $.ajax({
            type: "POST",
            url: "/index.php/structure/list_facultes",
            data: "parent_struct="+$("#type_struct").val(),
            success: function(html){
                $("#list_facultes").html(html);
            }
        });
        return false;
    });

});

В принципе, он спокойно подгружает один селект и все работает, кроме того, что после выбора нулего option, не могу сделать, чтоб он исчезал обратно.
Мне нужно сделать еще один подгружаемый селект, после выбора второго. Только вот как это сделать?
Забавный факт, что разметка браузера не видит второго селекта, видит только первый.

все браузер отлично видит, это у тебя код кривой просто.
так что это не забавный факт, и даже не факт)

# selemet (03.01.2015 / 17:48)
Гугли плагины

худший из всех возможных советов
Swank, что отладчик говорит?
и зачем тебе интервалы то?

# ramzes (01.05.2015 / 02:36)
все браузер отлично видит, это у тебя код кривой просто.
так что это не забавный факт, и даже не факт)

хм. может руки кривые и не той странички разметку смотрел.
но все-таки. почему может не подгружать третий селект?
сейчас кину весь код

файл, который выводится пользователю

<div class="panel panel-default">
            <div class="panel-heading">
                <div class="input-group">
                    <div class="input-group-addon">Вибір....</div>
                </div>
                <select id='type_struct' name="type" class="form-control input-sm">
                    <option value="0">Оберіть інституту</option>
                    <?php foreach($level2 as $item): ?>
                        <option value='<?= $item['id_struct']?>'><?= $item['name']?></option>
                    <?php endforeach; ?>
                </SELECT>
                <div id="list_facultes"></div>
            </div>
        </div>

javascript

$(document).ready(function(){
    $('#type_struct').change(function(){
        $.ajax({
            type: "POST",
            url: "/index.php/structure/list_facultes",
            data: "parent_struct="+$("#type_struct").val(),
            success: function(html){
                $("#list_facultes").html(html);
            }
        });
        return false;
    });

});

подгружаемый файл

<select id='list_facultes' name="type" class="form-control input-sm">
    <option value="0">Оберіть факультет</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</SELECT>

Разметка браузера не видит подгружаемый селект. Могу скрин скинуть. Хотя все работает. Этот селект подгружается :-)

UJIN, ну где код?

Мне кажется третий селект не грузится, потому что просто javascript не видит второго и не получает option с него, но да я мало что понимаю в этом.

я правильно понял? ты пытаешься засунуть в страницу два элемента с одинаковым ID?
select id='list_facultes'