1

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'));
};

http://jsfiddle.net/uMqyn/1/

ありがとう!

4

2 に答える 2