jQuery オートコンプリート ウィジェットをカスタマイズするためのヘルプを探しています。いくつかの大きな配列でオートコンプリートを使用して、いくつかの結果を提案に表示しています。ユーザーが Enter キーを押したとき (または値を選択した場合、Enter キーもいいでしょう)、提案のリストを配列に取得して、他の場所に表示できるようにしたいと考えています。
これは私が望むものにかなり近いです。私はそれで遊んで、うまくいけば自分でこれを理解するつもりです:
HTML
<input id="autocomplete"/>
<div class="test">Output goes here:<br/><ul></ul></div>
JS
$('input').autocomplete({
search: function(event, ui) {
$('.test ul').empty();
},
source: ["something", "something-else"]
}).data('autocomplete')._renderItem = function(ul, item) {
return $('<li/>')
.data('item.autocomplete', item)
.append(item.value)
.appendTo($('.test ul'));
};
ありがとう!