【发布时间】:2018-11-17 06:23:01
【问题描述】:
我在 Rails 中使用 X-Editable 和 select2,虽然我能够成功实现 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