选择关闭语义多下拉列表

Question

我想关闭semantic multiple下拉列表，只要从下拉列表中选择选项，我已经尝试但无法做到这一点。 这是我的代码。

<div class="top-div">

    <p>hello from home</p>
    <p>some text</p>

</div>

<div class="bottom-div">

    <p>other text</p>

</div>

Answer 1

当字段模糊时（例如当用户点击页面中的任何其他位置时），活动下拉菜单会自行关闭。

因此触发模糊事件onAdd应该可以解决问题。

$('.ui.multiple.dropdown').dropdown({
  onAdd: function (value, text, $selected) {
    $('.dropdown').blur();
  }
});