jquery.autocomplete修改實作鍵盤上下鍵自動填入範例_jquery

根據需求要實現透過鍵盤上下移動，獲得聯想選單中的數值，如同google baidu的查詢功能。
在網路上找了很久沒找到可以實現該功能的插件，無奈只能自己動手改程式碼。
找到js中的KEY.DOWN 和KEY.UP執行程式碼
如下：

複製程式碼 程式碼如下:

case KEY.DOWN:
event.preventDefault();
if ( select.visible() ) {
select.next();
}
}
else {
onChange(0, true);
}
break;

select.next();後面加入

複製程式碼

程式碼如下:

var selected = select.selected();
var v = selected.result

這樣加好後，上下鍵時輸入框裡會有對應的值，但是聯想鍵盤上的遊標卻不見了。
找到select.next(); 程式碼的定義

複製程式碼 程式碼如下:

程式碼如下:

程式碼如下:

next: function() { moveSelect(1); },

加入類似的方法

複製代碼

代碼如下:

stay: function() { moveSelect(1); },

然後

複製程式碼


程式碼如下:


case KEY.DOWN:
();
if ( select.visible() ) {
select.next();
var selected = select.selected();

var v = selected.result;
$ input.val(v);
select.stay();
}
else {
onChange(0, true);
}
break;

這樣就可以了。 ================================ 非常感謝原作者，

加入類似的方法

複製程式碼


程式碼如下:

stay: function() { moveSelect(1); },後發現點擊上下鍵，是隔行移動，所以改為： stay: function() { moveSelect(0) ; },