Semantic UI Dropdown在select选项上提交表单

时间:2016-08-20 20:53:54

标签: semantic-ui dropdown multiple-select

我的Semantic UI下拉扩展程序存在很大问题。我已经使用ajax后端配置了多个搜索下拉列表。当用户尝试添加新项目时,表单正在提交。

我的下拉配置

    $(e).dropdown({
        allowAdditions: true,
        saveRemoteData: false,
        action: 'combo',
        match: 'text',
        apiSettings: {
          url: data('api')
        }
    })

目标:当我向多个选择添加新项目时,表单未提交。

1 个答案:

答案 0 :(得分:2)

我找到了解决此问题的方法here (Semantic-UI issue #4763)。只需在下拉声明中添加keys.delimiter键:

$(e).dropdown({
  allowAdditions: true,
  saveRemoteData: false,
  action: 'combo',
  match: 'text',
  apiSettings: {
    url: data('api')
  },
  keys: {
    delimiter: 13
  }
});