jquery自动完成-多列并返回数据而不是值

我正在使用 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> 标签,或者我只是替换 γ 具有 </div><div> .

然后,当选择一个项时,而不是返回

参考号邮政编码地址行姓

我只想看看

REFERENCEID