Обновить один список из другого

Question

У меня есть два списка множественного выбора в HTML - одна из категорий, а другая из элементов.Я хочу, чтобы, когда элемент, выбранный в списке «категория», также выбиралось все в списке «элементы» из этой категории.

Например, если «Категории» содержит «Животное», «Минерал », а также« Овощ »и« Предметы »содержат« Собака »,« Кошка »,« Обезьяна »,« Алмаз »,« Гранит »,« Морковь »,« Помидор »:

Если« Животное"выбран в одном списке, должны быть выбраны" Собака "," Кошка "и" Обезьяна ";любые другие варианты должны остаться такими, как есть.

Я использую серверную часть Symfony PHP на сервере, если это имеет какое-то значение

Answer 1

Может использовать атрибут класса и определить категории для элементов в этом поле.

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

Используя Javascript, вы определяете функцию onclick, которая просматривает ваши #items и находит все элементы списка с IndexOf('category')

Дайте мне знать, если вам нужен более подробный пример.