时间戳

首页 > 解决方案 > 如何在 Node.js CRUD 应用程序的编辑表单中显示选择值

javascript - 如何在 Node.js CRUD 应用程序的编辑表单中显示选择值

问题描述

我正在尝试使用 node.js、express 和 MongoDB 创建一个 CRUD 应用程序。我想在编辑表单中显示选择字段值。目前，我正在使用此代码

<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
            });
        }
    });
});

我是新来的。在此先感谢您的帮助。

标签： javascripthtmlnode.jsmongodbexpress

解决方案

尝试这个...

<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>

推荐阅读