0

我正在使用X-Editableselect2使用 Rails,虽然我能够select2成功实施,但我不再能够按 Enter 按钮来提交更改。

这是我使用时的样子select

在此处输入图像描述

<%= editable model, :status, type: :select, data: { source: [...] } %>

在这里,我可以从下拉列表中执行我的选择并按 Enter,它会提交更改。

但是,当我更新为使用select2

在此处输入图像描述

<%= editable model, :status, type: :select2, data: { source: [...] } %>

下拉菜单完美运行,搜索完美运行,但在键盘上按 Enter 不再提交更改,我现在必须使用鼠标单击旁边的蓝色复选标记按钮才能提交更改。

我需要修复它,以便按 Enter 按钮执行提交操作,就像使用select. 我尝试触发警报以查看是否可以找到输入操作,但使用以下代码无济于事:

$('select2-search-field > input.select2-input').on('keyup', function(e)     
 {
    if(e.keyCode === 13)
    alert("Hello");
 });

更新

我认为它不起作用的主要原因是搜索字段。已分配回车键以从下拉搜索字段中选择一个选项,这就是它不提交的原因。从下拉列表中选择一个选项后,我有什么办法可以重新映射,以便您第一次按 Enter 时,它会从下拉列表中选择正确的选项,然后第二次按 Enter 时提交?

4

1 回答 1

0

尝试按键事件:

$('select2-search-field > input.select2-input').on('keypress', function(e)     
 {
  if(e.keyCode === 13)
  alert("Hello");
 });
于 2018-06-07T11:11:18.780 回答