Wybranie opcji z select JavaScript

0

Cześć, przejdę od razu do rzeczy.

Drugi <select> zależny jest od pierwszego. Ręcznie, z pierwszego wybieram którąkolwiek opcję poza [0]. i w drugim selekcie pojawia się ładna lista opcji.
a ja chciałbym żeby javascript wykonał to za mnie. Z pierwszego coś wybrał i potem z drugiego. I tutaj mam problem

prosty kawałek kodu który wybiera opcję:

var select = document.querySelector("#id_select");
select.options[1].selected = true;

i w pierwszym selekcie pojawia się oczekiwana wartość, a drugi dalej pozostaje pusty..
pracuję na Firefoxie 48, inna przeglądarka nie wchodzi w grę.

1

Zmieniając po prostu wartość selecta nie wywołujesz żadnego eventu, więc listener nie wie o zmianie, spróbuj czegoś takiego:

const changeSelection = (element, value) => {
  element.value = value;
  element.dispatchEvent(new Event('change'));
}

// usage:
changeSelection(document.getElementById('id'), 'selected option value');

1 użytkowników online, w tym zalogowanych: 0, gości: 1