如何在下拉JavaScript中设置默认值

Question

我正在尝试将JSON对象绑定到下拉列表，如下所示：

JSON数据

"securityQuestions": [
    "First Pet's Name",
    "City I was born in",
    "Mother's Maiden Name",
    "Favorite teacher's Name"
  ]

这就是我在HTML中绑定数据的方式：

<label>Security Question</label>
                <span class="select"><select class="form-control">
                    <% _.each(model.securityQuestions, function(val, text) { %>
                        <option val="<%=text%>"><%= val%></option>
                    <% }); %>
                </select></span>

它工作正常，但问题是我在JSON中以以下方式向我发送了一个选定的下拉项：

"userSecureQuestion": "Mother's Maiden Name"

我希望默认情况下选择它而不是第一个。 请建议在这里可以做什么？ 提前致谢！

Answer 1

您需要在循环中检查当前文本是否等于默认文本，然后将selected文本添加到选项中。 我无法为您提供代码，因为您没有使用模板引擎标记帖子。 但可能是这样的：

<option val="<%=text%>" <%= text === model.userSecureQuestion ? "selected" : "" %>><%= val%></option>