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

Question

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

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

如果在一个列表中选择“Animal”，则应选择“Dog”，“Cat”和“Monkey”;任何其他选择应保持原样。

我在服务器上使用Symfony PHP后端，如果这有任何区别

Answer 1

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

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

使用Javascript定义一个onclick函数，该函数遍历#items并找到IndexOf('category')

的所有列表项

如果您需要更详细的示例，请与我们联系。