如何將選定的輸入值附加到jQuery的Ajax自動完成中的anoter div？

Question

你好我使用Ajax AutoComplete for jQuery庫

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

還有2個演示那裏。

第一演示

（阿賈克斯自動提示樣品（開始輸入國名））

當你從下拉那個國家選擇一個國家和一個圖像添加到一個div 這樣

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

所選下拉值爲Haiti我該怎麼做。

我想要這樣做，當mouse clicking下拉值和press enter上選定的下拉值。

我試過，但不能想辦法.................請幫助:(

Answer 1

在autocompleteα參數，你可以定義一個onSelect回調。加入例如：

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