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

Question

我在 HTML 中有两个多选列表 - 一个是类别，另一个是项目。我想要的是，当在“类别”列表中选择一个项目时，该类别的“项目”列表中的所有内容也被选中。

例如，如果“Categories”包含“Animal”、“Mineral”和“Vegetable”，而“Items”包含“Dog”、“Cat”、“Monkey”、“Diamond”、“Granite”、“胡萝卜”、“番茄”：

如果在一个列表中选择“动物”，则应选择“狗”、“猫”和“猴子”；任何其他选择都应保持原样。

我在服务器上使用 Symfony PHP 后端，如果这有什么不同的话

Answer 1

可以使用 class 属性并定义该字段中项目的类别。

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

使用 Javascript，您可以定义一个 onclick 函数，该函数会遍历您的 #items 并查找带有 IndexOf('category') 的所有列表项

如果您需要更详细的示例，请告诉我。