如何在 Node.js CRUD 應用程序的編輯表單中顯示 Select 值

Question

我正在嘗試使用 node.js、express 和 MongoDB 創建一個 CRUD 應用程序。 我想在編輯表單中顯示 select 字段值。 目前，我正在使用此代碼

<div class="col-sm-10">
   <select id="courseName" class="form-control" name="student[course]" value="<%= student.course %>" required>
     <option value="MDCA">MDCA</option>
     <option value="ADCA">ADCA</option>
     <option value="DCA">DCA</option>
     <option value="HARDWARE AND APPLIANCES">HARDWARE AND APPLIANCES</option>
</select>
</div> 

我的 app.js 編輯路線如下

app.get("/student/:id/edit", function (req, res) {
    Student.findById(req.params.id, function (err, foundStudent) {
        if (err) {
            res.redirect("/students");
        } else {
            res.render("edit", {
                student: foundStudent
            });
        }
    });
});

我是新來的。 在此先感謝您的幫助。

Answer 1

嘗試這個...

<select>
<%
var options = ["MDCA", "ADCA", "DCA", "HARDWARE AND APPLIANCES" ];
for ( var i = 0; i < options.length; i++ )
{
    var isSelected = ( student.course == options[i] ) ? "selected" : "";
%>  
    <option value="<%=options[i]%>" <%=isSelected %>>
        <%= options[i] %>
    </option>
<%
}
%>
</select>