Событие onchange тэга select

Anything1

<select id="street" onchange="getstations()">
    <option value=0>Виберіть вулицю</option>
    <option value='Ковельска'>Ковельска</option>
    <option value='Єршова'>Єршова</option>
</select>
в зависимости от выбранного варианта мне снизу нужно создать еще один select со станциями на улицах, которые находятся в БД.Меня интересует сам процесс создания еще одного SELECT'a сразу под первым.
var selector = document.createElement('select');
selector.id = 'stations';
selector.name = 'stations';
cell.appendChild(selector);
пробовал в функции getstations(), толку ноль.Так, кое что прояснилось, там просто не был описан родительские обьект. но кто подскажет как сразу под одним SELECTOM сделать второй, чтобы кнопка снизу сместилась
1 ответ

Anything1

parent.insertBefore(node, referenceNode.nextSibling);
// parent - родительский элемент элемента street
// node - элемент, который нужно добавить. В данном случае selector
// referenceNode - элемент, после которого нужно добавить элемент selector
// Для вашего случая примерно так
var sel_el = document.getElementById('sel1');
sel_el.parentNode.insertBefore(selector, sel_el.nextSibling);