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

阿比舍克

我正在尝试将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"

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

阿玛丹

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在下拉列表中设置默认值以使用 ViewBag

来自分类Dev

如何在下拉按钮中设置初始(默认)值?

来自分类Dev

如何在下拉菜单控件中为Excel自定义功能区控件设置默认值

来自分类Dev

在下拉列表中设置默认值

来自分类Dev

在下拉列表中设置默认值

来自分类Dev

如何在JSP的下拉列表中设置默认值?

来自分类Dev

如何在下拉菜单中将默认值和项目标签设置为空白

来自分类Dev

在下拉菜单中设置默认值,具体取决于其他值

来自分类Dev

如何在AngularJS的下拉框中设置选择默认值?

来自分类Dev

如何在magento的管理网格形式的下拉菜单中设置默认值?

来自分类Dev

如何在magento的管理网格形式的下拉菜单中设置默认值?

来自分类Dev

如何在AngularJS的下拉框中设置选择默认值?

来自分类Dev

如何在PowerApps中设置下拉菜单的默认值

来自分类Dev

如何在使用 ng-options 创建的 html 下拉列表中设置默认值

来自分类Dev

如何在反应中设置下拉菜单的默认值?

来自分类Dev

除非更改,如何在localstorage中设置select下拉列表的值并检索它以及将其设置为默认值?

来自分类Dev

如何在angularjs中设置范围变量的默认值

来自分类Dev

如何在angularjs中设置选择框的默认值

来自分类常见问题

如何在react-select中设置默认值

来自分类Dev

如何在选择标签中设置默认值?

来自分类Dev

如何在mongodb中设置整数的默认值?

来自分类Dev

如何在ng-options中设置默认值

来自分类Dev

如何在Ember js中设置默认值

来自分类Dev

如何在selectize.js中设置默认值?

来自分类Dev

如何在Eve中设置默认值?

来自分类Dev

如何在Scala中设置功能参数的默认值

来自分类Dev

如何在comboBox javafx中设置默认值?

来自分类Dev

如何在SQLAlchemy中为关系设置默认值?

来自分类Dev

如何在<v-select>中设置默认值?

Related 相关文章

  1. 1

    如何在下拉列表中设置默认值以使用 ViewBag

  2. 2

    如何在下拉按钮中设置初始(默认)值?

  3. 3

    如何在下拉菜单控件中为Excel自定义功能区控件设置默认值

  4. 4

    在下拉列表中设置默认值

  5. 5

    在下拉列表中设置默认值

  6. 6

    如何在JSP的下拉列表中设置默认值?

  7. 7

    如何在下拉菜单中将默认值和项目标签设置为空白

  8. 8

    在下拉菜单中设置默认值,具体取决于其他值

  9. 9

    如何在AngularJS的下拉框中设置选择默认值?

  10. 10

    如何在magento的管理网格形式的下拉菜单中设置默认值?

  11. 11

    如何在magento的管理网格形式的下拉菜单中设置默认值?

  12. 12

    如何在AngularJS的下拉框中设置选择默认值?

  13. 13

    如何在PowerApps中设置下拉菜单的默认值

  14. 14

    如何在使用 ng-options 创建的 html 下拉列表中设置默认值

  15. 15

    如何在反应中设置下拉菜单的默认值?

  16. 16

    除非更改,如何在localstorage中设置select下拉列表的值并检索它以及将其设置为默认值?

  17. 17

    如何在angularjs中设置范围变量的默认值

  18. 18

    如何在angularjs中设置选择框的默认值

  19. 19

    如何在react-select中设置默认值

  20. 20

    如何在选择标签中设置默认值?

  21. 21

    如何在mongodb中设置整数的默认值?

  22. 22

    如何在ng-options中设置默认值

  23. 23

    如何在Ember js中设置默认值

  24. 24

    如何在selectize.js中设置默认值?

  25. 25

    如何在Eve中设置默认值?

  26. 26

    如何在Scala中设置功能参数的默认值

  27. 27

    如何在comboBox javafx中设置默认值?

  28. 28

    如何在SQLAlchemy中为关系设置默认值?

  29. 29

    如何在<v-select>中设置默认值?

热门标签

归档