Jquery UI Autocomplete - 选择结果到 DIV 而不是表单字段

Question

我想知道是否有人愿意帮助我解决我的问题？

我的以下代码效果很好，但是我想将选定的结果之一发布到 DIV 而不是表单字段。

我自己尝试了 101 件事，但解决方案超出了我的能力范围。

我还认为隐藏表单字段并使用 Javascript 将内容复制到 DIV 是一种解决方案，直到我意识到我也不知道该怎么做...

$( "#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();
    }
    });

我会尽可能将 id 保留在带有标题和规范的表单字段中以填充 DIV。

如果不可能/工作太多，是否可以使用 Javascript 自动将表单内容复制到 DIV 中/更容易？

在此先感谢

克里斯

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 */
}
});