Morpheus_God
@Morpheus_God

Как при выборе значения в одном select'е обновлять другой?

Надо, чтобы при выборе пункта в одном select'е выводились варианты в другом.
К примеру, я в первом select'е изначально поместил список писателей. А вот второй должен заполняться исходя из выбранного варианта первого тега.
Вот мои попытки:
https://jsfiddle.net/yfdxe6wc/36/
  • Вопрос задан
  • 114 просмотров
Решения вопроса 2
alsolovyev
@alsolovyev
Вешаете событие change на первый select.
first.addEventListener('change', function(e) {
  ....
});

И меняете у в2 select'а значение в зависимости от первого
first.addEventListener('change', function(e) {
  // this.value - значение первого select'а
  second.querySelector('option[value=' + this.value + ']').selected = 'selected'
});

https://jsfiddle.net/5jLrk8qv/

ps если надо пересоздать опции второго select'а, то https://jsfiddle.net/hc90j1g5/3/
Ответ написан
Комментировать
@DmitryWL
Chained (dependent) selects
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы