Mettre à jour une liste à partir d'une autre

Question

J'ai deux listes multi-sélection en HTML - une des catégories, et une autre des articles. Ce que je veux, c'est que lorsqu'un élément est sélectionné dans la liste "category", tout ce qui est dans la liste "items" de cette catégorie est également sélectionné. Par exemple, si "Categories" contient "Animal", "Mineral" et "Vegetable", et "Items" contient "Dog", "Cat", "Monkey", "Diamond", "Granite", "Carotte", "Tomate":

Si "Animal" est sélectionné dans une liste, "Chien", "Chat" et "Monkey" doivent être sélectionnés; toutes les autres sélections doivent rester telles quelles.

Je suis un backend PHP en utilisant Symfony sur le serveur, si cela fait une différence

Answer 1

pourrait utiliser l'attribut de classe et de définir les catégories d'articles dans ce domaine.

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

L'utilisation de JavaScript définir une fonction onclick qui passe par vos #items et trouve tous les éléments de la liste avec le IndexOf('category')

Faites-moi savoir si vous avez besoin d'un exemple plus détaillé.