jQuery UI自动完成,将结果加载到不同的位置(div)?

时间:2010-05-21 13:58:38

标签: jquery jquery-ui autocomplete

我正在从YUI转换为jQuery,并且无法看到将自动完成的结果加载到div或其他此类容器中的方法。

我希望能够使用格式化结果填充div,包括基于返回的图像,而不仅仅是输入的简单下拉。

1 个答案:

答案 0 :(得分:7)

DEMO: http://so.lucafilosofi.com/jquery-ui-autocomplete-load-results-to-a-different-locationdiv/

  

更新

$("#autocomplete").autocomplete({
    open: function(event, ui) {
        $($('ul.ui-autocomplete').removeAttr('style').hide()).appendTo('div').show();
    }
});

然后通过它的类.ui-menu-item

访问单个元素

例子是

$('.ui-autocomplete li').each(function() {
if ( $(this).text() == 'javascript' )
     $(this).append('<img src="" alt="" />');
});