如何在下拉列表中设置默认值 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 添加到选项中。我不能自信地给你代码，因为你没有用模板引擎标记 post ；但可能是这样的：

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

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

How to set a default value in a dropdown javascript

javascript

jquery

json

html.dropdownlistfor