使用不同的显示文本在jQuery中自动完成

Question

我正在尝试以下自动完成逻辑。但它不起作用。我想要的输出是显示文本，并且发送的值应该不同（例如板球应以cri发送。）

这是标记：

<div id="main">
<p>
<a href="http://www.justwebcode.com" rel="index,follow">Just Web Code (www.justwebcode.com)</a>
</p>
&nbsp;Enter any Sport Name: <input type="text" id="autocomplete" />
</div>

jquery是：

$(function(){


 var games = [
   { value: 'cricket', data: 'cri' },

   { value: 'chess', data: 'che' }
]; 

$("#autocomplete").autocomplete({
source: {games.value ;games.data}
});

});

Answer 1

请检查JQuery documentation for Autocomplete

它说source可以

  

具有标签和值属性的对象数组：[{   标签：“ Choice1”，值：“ value1”}，...]