输入按钮不使用select2和X-editable提交

时间:2018-06-07 10:57:59

标签: javascript ruby-on-rails-5 jquery-select2 x-editable select2-rails

我正在使用X-Editableselect2使用Rails,虽然我能够成功实施select2,但我无法再按Enter按钮提交更改。< / p>

这就是我使用select

时的样子

enter image description here

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

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

但是,当我更新为使用select2

enter image description here

<%= 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键时,它会从下拉列表中选择正确的选项,然后第二次点击输入它会提交吗?

1 个答案:

答案 0 :(得分:0)

尝试按键事件:

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