[jQuery] [autocomplete] sort two fields
I'm trying to build a stock symbol search field that will search both
the symbol and the full name of the company. For example, search both
"AAPL" and "Apple Inc", or "AMCC" and "Applied Micro Circuits Corp",
and display both in the same row with character highlighting as in the
usual autocomplete plugin. I'm still learning jQuery so this may be
something simple, but here's my code.
<script type="text/javascript">
$(function(){
function formatItem(row) {
return row[0] + " (<strong>id: " + row[1] + "</strong>)";
}
function formatResult(row) {
return row[0].replace(/(<.+?>)/gi, '');
}
var data = [
{text:'APP', name:'Merrill Lynch & Co Inc',
url:'snapshot.php'},
{text:'AAPL', name:'Apple Inc', url: 'snapshot.php'},
{text:'AMAT', name:'Applied Materials Inc', url:
'snapshot.php'},
{text:'AAPI', name:'Advanced Plt Pharmaceuticals Inc', url:
'snapshot.php'},
{text:'AMCC', name:'Applied Micro Circuits Corp', url:
'snapshot.php'}
];
$("#searchbox").autocomplete(data, {
formatItem: function(item) {
return item.text;
}
}).result(function(event, item) {
location.href = item.url;
});
});
</script>
And for the html I just have an input box: <input type="text"
id="searchbox">
I have it working displaying the 'text' element of the array, but it
ignores the 'name' element I added to the example code from the plugin
page.
2ND QUESTION:
I want to add a row at the bottom of the autocomplete list that never
changes, how do I append to the results list?