Активировать функцию по определенному элементу выбранного JAVASCRIPT

Question

Я хотел бы убедиться, что элементы, выбранные при активации определенных функций, я объясню. я это выбор:

<select id='selection'> <!-->this is for the class<!--> 
    <option>4B</option> 
    <option>5B</option> 
</select> 

<select id='secondSelection'> <!-->this is for the data to be loaded<!--> 
</select> 

если выбрать 4B необходимо загрузить все ученики, соответствующие этому классу, ученики в 4В массива. , если вместо этого выбрать 5B, он должен иметь возможность загружать в другой выбор содержимого 5B. Пользователь также может выбрать выбор обоих классов.

Пример:

4B [выбрано в отборе] => Марио, Луиджи, Джон теперь загружены в secondSelection

аналогична для всех значений должно быть в состоянии сделать то же самое, что позволяет несколько , Я уже делал аналогичный код в прошлом, но здесь ситуация немного «другая», мне бы хотелось помочь эксперту. PEACE!

Answer 1

Ну, вы можете сделать

var b4 = ["Mario", "Luigi", "John"], 
    b5 = ["Some", "Other", "Names"], 
    elem = document.getElementById('selection'); 
elem.onchange = function() { 
    document.getElementById('secondSelection').innerHTML = this[elem.options[this.selectedIndex].text == "4B" ? "b4" : "b5 "].map(function (x) { 
     return "<option>" + x "</option>"; 
    }).join(); 
}; 

Answer 2

Вы можете использовать

<select onchange="myFunction()"> 

<script> function myFunction(){ } </script>

он также будет работать