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

Question

我正在尝试有一个允许添加的语义 UI 下拉菜单，但我似乎可以让它工作。事实上，添加内容时应该出现的 Add <b>{term}</b> 消息似乎从未出现。

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

如果在搜索中键入 johny，则消息不会显示。虽然如果我按回车键，它会通过 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: When disabled user additions will appear in the results menu using a specially formatted selection item formatted by templates.addition.

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

how to make Semantic UI dropdown with allowAdditions work

html

javascript

jquery

semantic-ui