jQuery自動完成 - 多列和返回數據而不是值

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