javascript - 激活所选 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必须加载该类(class)对应的所有学生，学生在数组4B中。如果改为选择5B，则必须能够在其他选择中加载5B的内容。用户还可以决定选择这两个类别。

示例:

4B [在选择中选择] => Mario、Luigi、John 现在已加载到第二个选择中

同样，所有值都必须能够通过启用多个来完成相同的操作。我过去已经编写过类似的代码，但这里的情况有点不同，我需要专家的帮助。和平!

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();
};