JQuery UI Autocomplete - выбранный результат в DIV, а не в поле формы

Question

Интересно, будет ли кто-нибудь достаточно любезен, чтобы помочь мне с моим запросом?

У меня есть следующий код, который отлично работает, однако я бы хотел опубликовать один из выбранных результатов в DIV, а не в поле формы.

Я сам попробовал 101 вещь, но решение за мной.

Я также думал, что создание поля формы скрытым и копирование содержимого в DIV с помощью Javascript будет решением до тех пор, пока я не пойму, что я тоже не знаю, как это сделать ...

$( "#search" ).catcomplete({
        delay: 0,
        source: 'complete_client.php',
        minLength: 2,
        select: function( event, ui ) {
            $( "#id" ).val( ui.item.id );
            $( "#title" ).val( ui.item.value );
            $( "#spec" ).val( ui.item.spec );
            document.forms["main_search"].submit();
    }
    });

Я бы, по возможности, хотел, чтобы идентификатор оставался в поле формы с заголовком и спецификацией для заполнения DIV.

Если это будет невозможно / слишком много работы, будет ли автоматическое копирование содержимого формы в DIV возможно / проще с Javascript?

Большое спасибо заранее

Chris

Answer 1

$( "#search" ).catcomplete({
    delay: 0,
    source: 'complete_client.php',
    minLength: 2,
    select: function( event, ui ) {
        // Put selected item's text into div
        $('#divid').text(ui.item.value);

        /* Whatever other code you want here */
}
});