Как добавить выбранное значение ввода в anoter div в Ajax AutoComplete для jQuery?

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. Добавьте функцию для изменения div с идентификатором selection. E.g.:

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