Имеется вот такая конструкция: https://jsfiddle.net/fromthemoon/mdr6uvw3/1/
Необходимо:
1) Заменить два события - mouseleave и mouseover на что-то вроде change или click, чтобы при выборе не было этих подергиваний.
2) При выборе первого select во втором select скрывается группа option, которые не были выбраны, т.е. Без покрытия - выводится пустая строчка, Морилка - выводятся значения соответствующие морилке
Сайт состряпан на конструкторе Tilda, страница с проблемой - https://smirnovstolyar.ru/krovati
PS: понимаю, что это плохая идея для создания сайта, так как лучше делать всё с нуля, в будущем это и планируется сделать, но для первого времени необходимо доделать, что есть на данный момент. Прошу помочь