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

标签 javascript jquery html semantic-ui

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

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

如果输入 johny在搜索中,消息未显示。虽然如果我按回车键,它会通过 onChange功能。

此外,是否有可能有这样一个菜单,它可以添加 bob : 即使是 forceSelection: false需要 boby默认...

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

最佳答案

示例中没有正确记录,但您所要做的就是在下拉初始化中添加另一个选项,如下所示:

$('.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.

关于javascript - 如何使用 allowAdditions 使语义 UI 下拉列表工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43875736/

相关文章:

javascript - 函数未定义,但实际上已定义

javascript - 滚动时透明导航栏可见

php - Mysql 查询结果

html - 带有背景 CSS "shape"的居中文本

javascript - 如果错误等于 _ 执行此 Javascript/jQuery

javascript - 为什么 HighCharts 无法正确识别我的数据?

javascript - svg 和 D3 中的 cx、cy vs 变换,有什么区别?

javascript - 将变量设置为 2 但 console.log 表示它未定义

javascript - 使用javascript和css的按钮过渡,如何暂时禁用过渡

javascript - 等待数据返回,与 Angular 和 Breeze 同步调用