激活选择JAVASCRIPT的特定元素的函数

时间:2014-10-11 14:55:04

标签: javascript

我会确保从激活我将解释的特定功能中选择的项目。 我有这个选择:

<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必须加载对应于该类的所有瞳孔,则瞳孔在阵列4B中。 如果改为选择5B必须能够加载另一个选择5B的内容。用户还可以决定选择这两个类。

实施例

4B [在选择中选择] =&gt;马里奥,路易吉,约翰现在装入第二选择

类似地,所有值必须能够通过启用多个来执行相同的操作。 我过去已经制作了类似的代码,但这里的情况有点不同,我想得到专家的帮助。乎!

2 个答案:

答案 0 :(得分: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();
};

答案 1 :(得分:0)

您可以使用

<select onchange="myFunction()">

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

它也会起作用