簡體   English   中英

輸入按鈕未提交,且帶有select2和X-editable

[英]Enter button not submitting with select2 and X-editable

我正在將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時,它會從下拉列表中選擇正確的選項,然后再次單擊它就提交了?

嘗試按鍵事件:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM