语义UI下拉提交表单上的选择选项

问题描述：

我有一个Semantic UI下拉扩展的大问题。我用ajax后端配置了多个搜索下拉菜单。当用户尝试添加新项目时，表单正在提交。语义UI下拉提交表单上的选择选项

我的下拉配置：

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

目标：当我添加新的项目到多个选择，形式不提交。

您是否在选择内使用“输入”键？ – romaninsh

字段的目标是可以从现有列表中选择标签或创建新的标签。当我添加nonexistance标签，然后按ENTER键 - 表单提交。 –

我不知道这个实际的解决方案是什么，但是您可以为位于下拉菜单中的div添加关键处理程序，并在事件上执行stopPropagation（）。也许这是有帮助的：http://stackoverflow.com/questions/10313032/stop-enter-return-key-submitting-a-form – romaninsh

答

我发现这个问题的解决方案here (Semantic-UI issue #4763)。只需在您的下拉式声明中添加keys.delimiter键：

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

语义UI下拉提交表单上的选择选项

相关推荐