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

Question

[Петр]

Надо, чтобы при выборе пункта в одном select'е выводились варианты в другом.
К примеру, я в первом select'е изначально поместил список писателей. А вот второй должен заполняться исходя из выбранного варианта первого тега.
Вот мои попытки:
https://jsfiddle.net/yfdxe6wc/36/

Answer 1

[Aleksey Solovyev]

Вешаете событие 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/

Answer 2

[DmitryWL]

Chained (dependent) selects