从另一个列表更新一个列表

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功能。