jQuery Autocomplete - многоколоночные и возвращаемые данные, а не значение

Question

В настоящее время я использую DevBridge jQuery Autocomplete plugin - он отлично работает как есть, однако я хотел бы отображать возвращенную информацию в виде с несколькими столбцами, но при нажатии только возвращает первый стоимость.

HTML

<form class="form" action="index.php" onsubmit="alert('Submit Form Event'); return false;"> 
    <div id="selection"></div> 
    <input type="text" name="q" id="query" class="textbox" /> 
</form> 

Javascript

jQuery(function() { 

    var options = { 
    serviceUrl: '/autocompleterequestcall.php', 
    maxHeight:400, 
    width:600, 
    fnFormatResult: fnFormatResult, 
    deferRequestBy: 0 //miliseconds 
    }; 

    a1 = $('#query').autocomplete(options); 
}); 

Поэтому я ожидаю, что я должен был бы использовать fnFormatResult, чтобы как-то отображать многоколоночного значения, которые разделены |, то есть.

REFERENCEID | POSTCODE | ADDRESS_LINE_1 | SURNAME 

Я хотел бы, чтобы обернуть все возвращение вверх как <table>, но я не могу понять, куда положить начало и конец <table></table> теги, или я просто заменить | с </div><div>.

Затем, когда элемент выбран, вместо того чтобы вернуться

REFERENCEID | POSTCODE | ADDRESS_LINE_1 | SURNAME 

Я просто хотел бы видеть

REFERENCEID 

Answer 1

Вернуть данные:

я полностью пропустил вариант onSelect при переходе на сайт devbridge, оказывается, все, что мне нужно было сделать, это установить опцию и создать мою собственную функцию:

function onSelect(v,d) { 
    $('#query').val(d); 
} 

jQuery(function() { 

    var options = { 
    serviceUrl: '/autocompleterequestcall.php', 
    maxHeight:400, 
    width:600, 
    onSelect: onSelect, 
    fnFormatResult: fnFormatResult, 
    deferRequestBy: 0 //miliseconds 
    }; 

    a1 = $('#query').autocomplete(options); 
});