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

时间:2018-04-09 16:30:13

标签: javascript html node.js express ejs

我正在为用户构建一个面板来更新他们的信息。到目前为止,我想出了如何输入这样的信息:

<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模板系统。

1 个答案:

答案 0 :(得分: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>