获得jquery自动完成建议列表上的选择或输入

Question

我正在寻找一些帮助定制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/

谢谢!

Answer 1

这里有一些东西可能会让你开始- FIDDLE

使用"response"函数将返回的变量与ui.content[n].value一起取出，然后将它们放在您希望的位置。

JS

$('.autocomp').autocomplete({
    autoFocus : true,
    source : areas,
    selectFirst : true,
    response: function( event, ui ) { 
        for(var n=0; n<5; n++)
        {
         $('.test').append( ui.content[n].value + '<br />' );
         console.log( ui.content[n].value );
        }
    }
});

Answer 2

想到这个:

http://jsfiddle.net/uMqyn/565/

var areas = ['california', 'nevada', 'oregon', 'utah', 'arizona', 'new mexico', 'minnesota', 'texas', 'louisiana', 'alabama', 'mississippi', 'oklahoma', 'washington'];
var foo;
$('.autocomp').autocomplete({
    minLength: 1,
    source: areas,
    delay: 0,
    response: function (event, ui) {
        foo = ui.content;
    }
});
$(".autocomp").keypress(function (e) {
    if (!e) e = window.event;
    if (e.keyCode == '13') {
        $('.autocomp').autocomplete('close');
        if (foo.length) {
            $(".test").empty();
            for (var i = 0; i < foo.length; i++) {
                $(".test").append(foo[i].value + '<br>');
            }
        }
        return false;
    }
});