如何将选定的输入值附加到jQuery的Ajax AutoComplete中的注释器div上？

Question

嗨，我正在使用Ajax AutoComplete for jQuery库

http://www.devbridge.com/projects/autocomplete/jquery/

那里有2个演示。

在第一个演示中（Ajax自动建议的示例（开始输入国家/地区名称））

当您从下拉菜单中选择一个国家/地区并将图像添加到div这样时

<div id="selection"><img alt="" src="/global/flags/small/ht.png"> Haiti</div>

选择的下拉值是Haiti我该怎么做。

我想在mouse clicking下拉值时以及在选择的下拉值上press enter时执行此操作。

我试过了但是没办法.................请帮助:(

Answer 1

在autocomplete参数中，您可以定义onSelect回调。 添加功能以使用id selection更改div 。 例如：

$(>selector<).autocomplete({
    ...
    onSelect: function(value, data) {
        $('#selection').html('<img src="/global/flags/small/' + data + '.png" alt="" /> ' + value);
    }
    ...
});