how to change selection based on another selection with jquery?

Question

here is my html how to change selection form based on this:

<select id="myclass">
<option value="one">Form one</option>
<option value="two">Form two</option>
</select>

I chose "Form one" it show me only select id="one" or it I chose "Form two" it show me only select id="two"

<select id="one">
<option value="one1">one1</option>
<option value="one2">one2</option>
</select>

<select id="two">
<option value="two1">two1</option>
<option value="two2">two2</option>
</select>

Is there any jQuery code to go along with what you've attempted so far? — Adam, Apr 11 '18 at 18:41
So add a change event and show/hide the element. Seems basic. What do you not know how to do? What did you try? — epascarello, Apr 11 '18 at 18:41

score 0 · Answer 1 · edited Apr 11 '18 at 21:08

0

Something like this:

$('#myclass').change(function(){
   $('#one').hide();
   $('#two').hide();
   $('#'+$(this).val()).show();
});

edited Apr 11 '18 at 21:08

Renan Araújo

3,533
11
39
49

answered Apr 11 '18 at 18:48

ernesthm

421
4
15

score 0 · Accepted Answer · answered Apr 11 '18 at 19:15

0

You can do this by Jquery as follows:

$('#myclass').change(function(){
       $('#one, #two').hide();
       $('#'+$(this).val()).show();
    });

answered Apr 11 '18 at 19:15

John Wink

295
1
2
12

how to change selection based on another selection with jquery?

2 Answers2