通过多个下拉列表过滤对象

时间:2017-08-09 11:58:10

标签: html drop-down-menu html-select visibility

我有很多按钮,每个按钮有三个类。第一类可以是" a1"," a2"或" a3"。第二类可以是" b1"," b2"或" b3"。与#34; c"相同的第三节课。例如:

<body>
 <button type="button" class="a1 b3 c3">Button 1</button>
 <button type="button" class="a1 b3 c1">Button 2</button>
 <button type="button" class="a2 b2 c2">Button 3</button>
 <button type="button" class="a3 b1 c3">Button 4</button>
</body>

我想要做的是过滤这些按钮,使它们只有在每种类的下拉菜单中选择拟合类时才可见:

 <select name="a"> 
    <option>all</option> 
    <option>a1</option> 
    <option>a2</option>
    <option>a3</option>
 </select>

 <select name="b"> 
    <option>all</option> 
    <option>b1</option> 
    <option>b2</option>
    <option>b3</option>
 </select>

 <select name="c">
    <option>all</option> 
    <option>c1</option> 
    <option>c2</option>
    <option>c3</option>
 </select>

例如:如果在下拉菜单中a&#34; a1&#34;在b&#34; b3&#34;在c&#34;所有&#34;如果选中,则应显示按钮1和按钮2。 另一点是,如果在下拉菜单中a&#34; a1&#34;选择是,在菜单b中应该只有&#34;所有&#34;和&#34; b3&#34;可见。

感谢您的帮助

0 个答案:

没有答案