如何使用allowAdditions使语义UI下拉菜单工作

Question

我正在尝试使用一个语义UI下拉菜单，该菜单允许添加内容，但我似乎可以使其正常运行。 实际上， Add <b>{term}</b>内容时应该显示的Add <b>{term}</b>信息似乎从未出现过。

这是一个非常简单的示例进行测试http://jsfiddle.net/pybxztu2/8/

如果在搜索中键入johny ，则不会显示该消息。 虽然如果按Enter，它将通过onChange函数。

此外，它甚至有可能有这样的菜单，它能够添加bob ：即使有forceSelection: false花boby默认...

也许我只是在语义UI文档中丢失了一些东西...

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格式化的特殊格式的选择项出现在结果菜单中。