如何使用allowAdditions工作制作语义UI下拉列表

Question

我试图有一个语义UI下拉菜单,允许添加,但我似乎可以使它工作.实际上,Add <b>{term}</b>添加内容时应该出现的消息似乎永远不会出现.

这是一个非常简单的例子来测试它http://jsfiddle.net/pybxztu2/8/

如果johny在搜索中输入消息未显示.虽然如果我按下输入它将通过该onChange功能.

此外,甚至可以在这样的菜单中添加bob:即使默认情况下forceSelection: false也需要boby...

也许我只是在Semantic UI doc中遗漏了一些东西......

Answer 1

它没有在示例中正确记录,但您只需在下拉列表初始化中添加另一个选项,如下所示:

$('.ui.dropdown').dropdown({
  allowAdditions: true,
  forceSelection: false,
  hideAdditions: false, // this line
  onChange: function(value, text) {
    document.getElementById('output_span').innerHTML = text
  },
});

这将显示Add <name>在下拉列表中

设置选项卡中提到了该属性

hideAdditions:禁用时,用户添加内容将使用由templates.addition格式化的特殊格式选择项出现在结果菜单中.