Html 如何将UI简单下拉列表转换为可单击？

我使用的是UI简单的下拉菜单

<div class="nav navbar-nav pull-right bg-screen white dropdown user days" style="margin:8px -4px 0 0;">
  <div id="timezonepicker" class="ui simple dropdown item dropdown-toggle button timezone-dropdown" dropdown style="background: #444444 !important;box-shadow:none !important;">
    <span class="text" style="max-width: 132px; white-space: nowrap; overflow: hidden;">{{selectedTimeZone}}</span>
    <div class="menu">
      <div id="timezonepickermap"></div>
    </div>
  </div>
</div>

{{selectedTimeZone}}

上述指定代码作为指令注入，如

现在它在悬停时工作正常。。需要将其转换为可单击下拉列表

有人能帮我怎么转换这个

---

谢谢，

你应该考虑使用一些JavaScript并添加一个OnCutt动作，所以每当点击它时，所选的选项就会返回它的值？

---

你到底想达到什么目的？为什么不使用“选择”下拉菜单？

我已经编写了脚本，可以在悬停在菜单上时显示地图。但现在它需要单击打开而不是悬停。不做太多的脚本，我需要转换成点击菜单这一点。