Select, в первом выбираем пункт и во втором селекте подставляем варианты для данного пункта, как реализовать?

Question

[Антон Вебсайтовский]

Сделал два селекта.

Первый выбор Категории тс.
Второй выбор пункта ПТО.

Добавил у каждого параметр, вывел его в data-param, там я вывожу букву категории тс, L, M1, N1 и т.д, у каждой категории свои буквы.

Во втором селекте в ПТО, я вывел тож самое, но там может быть в одном пункте через запятую два параметра (M1, N1).

При выборе в первом селекте пункт, как брать значение из data-param и искать это значение во втором селекте и показывать варианты выбора у которых есть в data-param, данное значение с первого селекта, и надо как-то учитывать что бы и через запятую искать, так как во втором селекте может быть два параметра сразу M1, N1.

То что я сделал тут:
jsfiddle.net/vlit/m72w5uob/135

Answer 1

[Антон Вебсайтовский]

Вот решение: jsfiddle.net/svvladymyr/f4e5zt0x/15

Answer 2

[Антон Шаманов]

https://appelsiini.net/projects/chained/

Comments

[Антон Вебсайтовский]

а есть может где-то примеры, как это применяют.
но вроде у меня задача простая, лишнего можно и не ставить ничего.