從另一個列表更新一個列表

Question

我在HTML中有兩個多選列表 - 其中一個類別和另一個項目。我想要的是，當在「類別」列表中選擇一個項目時，該類別的「項目」列表中的所有內容也會被選中。例如，如果「類別」包含「動物」，「礦物」和「蔬菜」，並且「項目」包含「狗」，「貓」，「猴」，「鑽石」，「花崗岩」 「胡蘿蔔」，「番茄」：

如果在一個列表中選擇了「動物」，應選擇「狗」，「貓」和「猴」任何其他選擇應保持原樣。

我使用服務器上的Symfony的PHP後臺，如果有什麼差別

Answer 1

可以使用類屬性，定義的類別在這一領域的項目。

<ul id="items"> 
<li class="animal">Dog</li> 
<li class="animal">Cat</li> 
</ul> 

使用JavaScript定義，通過你的#items去，並找到與IndexOf('category')

所有列表項讓我知道如果你需要一個更詳細的示例的onclick功能。