Activate function on a specific element of a select JAVASCRIPT

Question

I would make sure that the items in select from activating the specific features I'll explain. I have this select:

<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>

if I select 4B must load all pupils corresponding to that class, pupils are in the array 4B. if instead go to select 5B must be able to load in the other select the contents of the 5B. The user can also decide to select both classes.

EXAMPLE:

4B [selected in selection] => Mario, Luigi, John are now loaded in secondSelection

similarly for all values have to be able to do the same thing by enabling multiple. I have already made a similar code in the past, but here the situation is a bit 'different, I would like the help of an expert. PEACE!

Please post what you have tried and explain specifically where you are stuck. Questions about connected selects have been asked many times already. — Felix Kling
– Felix Kling, Commented Oct 11, 2014 at 14:56

Amit Joki · Accepted Answer · 2014-10-12 07:13:19Z

1

Well, you can do

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

edited Oct 12, 2014 at 7:13

answered Oct 11, 2014 at 15:00

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Meer · Accepted Answer · 2014-10-11 15:07:09Z

0

You can use

<select onchange="myFunction()">

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

it will also work

answered Oct 11, 2014 at 15:07

Meer

1,02610 silver badges15 bronze badges

Collectives™ on Stack Overflow

Activate function on a specific element of a select JAVASCRIPT

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related