如何在带有把手的Express.js中创建多个填充下拉列表

Question

在此处输入代码我要创建填充下拉列表。例如，一个下拉菜单将使用mongoose将汽车类型（运动，豪华，SUV等）存储在mongodb中，而另一个下拉菜单还将将存储在mongodb中的汽车名称（如Ferrari，Lamborghini，Rollce Royece）。如果我在一个下拉列表中将汽车类型选择为“运动”，则另一个下拉列表应仅显示使用mongoose从mongoDB获取的跑车名称。

Express Js

app.get('/car', (req, res) => {
  res.render('car/');
});

index.handlebars

 <div class="row mb-3">
        <div class="col">
            <input type="hidden" name="_method" value="PUT">
            <div class="form-group dropdown">
                <label for="Category" value=""> Select Category </label>
                <select class="form-control" id="" name="Category">
                    {{#each category}}
                    <option>{{category}}</option>
                    {{/each}}
                </select>
            </div>
        </div>
        <div class="col">
            <div class="form-group dropdown">
                <label for="Car" value=""> Select Car</label>
                <select class="form-control" id="" name="Car">
                    {{#each Car}}
                    <option>{{car}}</option>
                    {{/each}}
                </select>
            </div>
        </div>
    </div>

类别model.js

const CarSchema= new Schema({
    Category: {
        type: String,
        required: true
    },
    CarName: {
        type: String,
        required: true
    }
});