Я хочу создать меню выбора категории и подкатегории в pug и node.js. Где подкатегория изменяется в зависимости от выбранной категории

Я знаю, как сделать простое меню, используя -var = {} и добавляя в него значение и имена, но для моего рабочего процесса мне нужно меню категорий с такими категориями, как электроника, спорт и т. д., Так что, если я выберу спорт, в меню другой подкатегории будут отображаться только разные виды спорта. Мне нужно сделать это динамически с одной формой, и значения должны меняться, не нажимая кнопку отправки.

Я пробовал что-то вроде этого

но он отображает только одно меню

    -var selected=''
                    -var dic  = { 'Sports': 'Sports', 'Tech': 'Tech'};
                    select.custom-select
                        option(selected='') Open this select menu
                        for key,value in dic
                            option(value=key)=value 
                                selected=value
                    if selected==='Sports'
                        select.custom-select
                            option(selected='') Open this select menu
                            option(value='1') football
                            option(value='2') cricet
                    if selected === 'Tech'
                        select.custom-select
                            option(selected='') Open this select menu
                            option(value='1') Mobile
                            option(value='2') Tablets