Ionic-单击下拉菜单中的选项时,最初显示隐藏的div

Himanshu K

如果我从下拉列表中单击选项1,则应显示最初隐藏的div。如果我从同一下拉列表中单击另一个选项,则应显示不同的div,并且应隐藏上一个div。我不想使用JQuery,因为我对JQuery的了解很少,而只有AngularJs。

我的代码是:

<div class="card">
<div class="item item-divider" align="center">
    Candidates
</div>
<div class="padding">   
<div class="form-group" align="center">
    <label for="sel1"></label>
        <select class="form-control" id="sel1">
            <option>Location 1</option>
            <option>Location 2</option>
            <option>Location 3</option>
        </select>
</div>
</div>
</div>
格雷格

编辑

工作示例http://plnkr.co/edit/SKdeAHMmvFB85ym1hfGr?p=preview

你可以ng-model用来做

<select ng-model="location.type" class="form-control" id="sel1" ng-change="changeme()">
    <option ng-option value="1">Location 1</option>
    <option ng-option value="2">Location 2</option>
    <option ng-option value="3">Location 3</option>
  </select>

  <div ng-if="location.type == '1'">Location 1</div>
  <div ng-if="location.type == '2'">Location 2</div>
  <div ng-if="location.type == '3'">Location 3</div>

只有一个问题,那就是一开始就是空的选项。一旦更改,它就消失了。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Ionic2警报与下拉菜单?

来自分类Dev

在Ionic 2中,如何在单击另一个选项卡菜单应用程序图标时隐藏一个选项卡?

来自分类Dev

从下拉菜单中显示/隐藏,隐藏 div 中的新下拉菜单消失

来自分类Dev

使用jQuery从下拉菜单中显示/隐藏选项

来自分类Dev

单击按钮时如何在javascript中隐藏/显示下拉菜单

来自分类Dev

从选择下拉菜单中显示/隐藏DIV

来自分类Dev

在下拉菜单中隐藏选项

来自分类Dev

在gridview中单击更新时,如何显示下拉菜单?

来自分类Dev

如何在 Ionic 中滚动时隐藏 div?

来自分类Dev

在ionic 2中显示菜单栏

来自分类Dev

单击时隐藏下拉菜单项隐藏吗?

来自分类Dev

如何在Angular中组合两个下拉菜单时隐藏下拉菜单中的特定选项

来自分类Dev

如何使用不同下拉菜单中的选项显示-隐藏下拉元素

来自分类Dev

纯CSS下拉菜单单击以隐藏还是显示div?

来自分类Dev

纯CSS下拉菜单单击以隐藏还是显示div?

来自分类Dev

ionic 2中的菜单

来自分类Dev

jQuery,单击其他位置时隐藏下拉菜单

来自分类Dev

单击下拉菜单时如何隐藏默认的<select> <option>?

来自分类Dev

单击内部按钮时如何隐藏下拉菜单

来自分类Dev

单击项目时,下拉菜单再次隐藏然后滑动

来自分类Dev

当单击页面上的任意位置时,下拉菜单隐藏

来自分类Dev

jQuery:单击div->下拉菜单的选择选项

来自分类Dev

当用户单击下拉菜单的一侧时,如何隐藏下拉菜单?

来自分类Dev

在下拉菜单外的任何地方单击时如何隐藏下拉菜单?

来自分类Dev

单击按钮时 Ionic 3 侧边菜单关闭

来自分类Dev

根据用户权限在下拉菜单中显示/隐藏选项

来自分类Dev

如何在侧面菜单IONIC2中显示和隐藏页面

来自分类Dev

使用jQuery在HTML中的选择下拉菜单中选项更改时隐藏div

来自分类Dev

Ionic不显示图像

Related 相关文章

  1. 1

    Ionic2警报与下拉菜单?

  2. 2

    在Ionic 2中,如何在单击另一个选项卡菜单应用程序图标时隐藏一个选项卡?

  3. 3

    从下拉菜单中显示/隐藏,隐藏 div 中的新下拉菜单消失

  4. 4

    使用jQuery从下拉菜单中显示/隐藏选项

  5. 5

    单击按钮时如何在javascript中隐藏/显示下拉菜单

  6. 6

    从选择下拉菜单中显示/隐藏DIV

  7. 7

    在下拉菜单中隐藏选项

  8. 8

    在gridview中单击更新时,如何显示下拉菜单?

  9. 9

    如何在 Ionic 中滚动时隐藏 div?

  10. 10

    在ionic 2中显示菜单栏

  11. 11

    单击时隐藏下拉菜单项隐藏吗?

  12. 12

    如何在Angular中组合两个下拉菜单时隐藏下拉菜单中的特定选项

  13. 13

    如何使用不同下拉菜单中的选项显示-隐藏下拉元素

  14. 14

    纯CSS下拉菜单单击以隐藏还是显示div?

  15. 15

    纯CSS下拉菜单单击以隐藏还是显示div?

  16. 16

    ionic 2中的菜单

  17. 17

    jQuery,单击其他位置时隐藏下拉菜单

  18. 18

    单击下拉菜单时如何隐藏默认的<select> <option>?

  19. 19

    单击内部按钮时如何隐藏下拉菜单

  20. 20

    单击项目时,下拉菜单再次隐藏然后滑动

  21. 21

    当单击页面上的任意位置时,下拉菜单隐藏

  22. 22

    jQuery:单击div->下拉菜单的选择选项

  23. 23

    当用户单击下拉菜单的一侧时,如何隐藏下拉菜单?

  24. 24

    在下拉菜单外的任何地方单击时如何隐藏下拉菜单?

  25. 25

    单击按钮时 Ionic 3 侧边菜单关闭

  26. 26

    根据用户权限在下拉菜单中显示/隐藏选项

  27. 27

    如何在侧面菜单IONIC2中显示和隐藏页面

  28. 28

    使用jQuery在HTML中的选择下拉菜单中选项更改时隐藏div

  29. 29

    Ionic不显示图像

热门标签

归档