【发布时间】:2021-07-12 01:29:32
【问题描述】:
我正在开展一个项目,我希望能够根据类似于在顶部选择“我的车库”后在 Revzilla.com 上找到的表单输入搜索摩托车数据库。此表单将在项目中的多个位置使用。
我将自行车列表从我的路线/索引文件传递给索引
const express = require('express');
const router = express.Router();
const bikeDBModel = require('../models/bike')
const mongoose = require('mongoose');
const { collection } = require('../models/bike');
const BikesDBConnection = mongoose.connection.useDb('bikes')
router.get('/',(req,res)=>{;
const collection = BikesDBConnection.collection('harley-davidson')//Harley is the only Maker supported at the moment(change to all-bikes) soon.
res.render('index', {'bikesList':collection})
});
module.exports = router;
我可以让它显示在我的 view/index.ejs 文件中
<%= bikesList %>
<%- include('./partials/part-bikeSelector.ejs') %>
**更新:**根据我的研究,我发现您应该能够通过执行以下操作使其工作,但我仍然收到“bikesList not defined”错误 p>
<%- include('./partials/part-bikeSelector.ejs', {bikesList:bikeList) %>
但无法将其获取到 part-bikeSelector.ejs 下的包含文件
<%= bikesList %>
<form action="" method="post" class="bikeSelectorForm">
<div class="yearSelect">
<select name="bikeYear" id="bikeYear" onchange="getBikeModels()">
<option disabled selected value>Year</option>
<% for( let i = new Date().getFullYear(); i >= 2000; i-- ) { %>
<option value="<%= i %>"><%= i %></option>
<% } %>
</select>
</div>
<div class="makeSelect">
<select name="bikeMake" id="bikeMake">
<option disabled selected value>Motorcycle Make</option>
<option value="Harley">Harley Davidson</option>
<optgroup label="Coming Soon">
<option disabled value="Yamaha">Yamaha</option>
<option disabled value="Honda">Honda</option>
<option disabled value="Kawasaki">Kawasaki</option>
<option disabled value="Indian">Indian</option>
</optgroup>
</select>
</div>
</form>
<script src="/js/bikeSelector.js"></script>
理想情况下,我想将它进一步传递给从 part-bikeSelector.ejs 链接的纯 js 文件
const bikeYear_formField = document.getElementById('bikeYear');
//get list of models based on year and make of form fields
function getBikeModels() {
console.log(bikesList);
}
【问题讨论】:
标签: javascript node.js mongodb mongoose ejs