我想在 pug 和 node.js 中创建一个类别和子类别 select 菜单。其中子类别根据类别更改 selected

Question

我知道如何使用 -var={} 并在其中添加值和名称，但对于我的工作流程，我想要一个包含电子、体育等类别的类别菜单，这样如果我 select 体育，另一个子类别菜单只显示不同的体育项目。我需要用一种形式动态地完成它，并且值应该在不点击提交按钮的情况下改变

我试过这样的东西

但它只呈现一个菜单

    -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

Answer 1

Pug 不是为进行动态（反应式）页面呈现而设计的。它是不同 JS 库的域，例如 Reactjs 或 Vuejs。 Pug 是一个模板引擎，它将渲染您的 HTML 一次。

我想在 pug 和 node.js 中创建一个类别和子类别 select 菜单。其中子类别根据类别更改 selected

I want to make a category and sub category select menu in pug and node.js. Where Subcategory changes based on category selected

javascript

jquery

node.js

express

pug

我试过这样的东西