javascript - 如何在下拉列表中设置默认值 javascript

Question

我正在尝试将 JSON 对象绑定(bind)到下拉列表:

JSON 数据

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

这就是我在 HTML 中绑定(bind)数据的方式:

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