如何使用jquery基于另一个选择更改选择?

时间:2018-04-11 18:38:37

标签: javascript jquery

这是我的HTML 如何根据这个改变选择形式:

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

我选择&#34;形式一&#34;它只显示我选择id =&#34; one&#34;或它 我选择&#34;表格二&#34;它只显示我选择id =&#34;两个&#34;

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

2 个答案:

答案 0 :(得分:0)

这样的事情:

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

答案 1 :(得分:0)

您可以通过Jquery执行此操作,如下所示:

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