【问题标题】:Enter button not submitting with select2 and X-editable输入按钮未使用 select2 和 X-editable 提交
【发布时间】:2018-11-17 06:23:01
【问题描述】:

我在 Rails 中使用 X-Editableselect2,虽然我能够成功实现 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 时提交?

【问题讨论】:

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


    【解决方案1】:

    尝试按键事件:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多