在下拉菜单中设置选定的值

Question

我正在为用户构建一个面板来更新他们的信息。到目前为止，我想出了如何像这样放置信息：

<div class="form-group row">
    <label for="fullName" class="col-sm-2 col-form-label">Full Name</label>
    <div class="col-sm-10">
        <input type="text" class="form-control" id="fullName" name="fullName" value="<%= u.fullName %>"
               required>
    </div>
</div>

u 是当前用户。

但是在这种情况下我该怎么做呢？

<div class="col-sm-4">
    <!-- <input type="text" class="form-control" id="ageGroup" required > -->
    <select id="ageGroup" name="ageGroup" class="form-control">
        <option value="">Choose...</option>
        <option value="18 - 24">18 - 24</option>
        <option value="25 - 29">25 - 29</option>
        <option value="30 - 34">30 - 34</option>
        <option value="35 - 44">35 - 44</option>
        <option value="44 - 54">44 - 54</option>
        <option value="55 - 64">55 - 64</option>
        <option value="65 +">65 +</option>
    </select>
</div>

最好不要写 8 个if 语句？

我正在使用ejs模板系统。

Answer 1

使用循环？例如：

<select id="ageGroup" name="ageGroup" class="form-control">

<%
var options = [ "18-24", "25-29", "30-34", "35-44", "44-54", "55-64", "65+" ];
for ( var i = 0; i < options.length; i++ )
{
    var selected = ( config[0].volume == i ) ? "selected" : "";
    %><option value="<%=options[ i ] %>" <%=selected %>><%=i %></option><%
}
%>
</select>