JQueryUI 自动完成填充文本框的数量

Question

假设我有 3 个文本框：

1. 产品
2. 购买价格
3. 卖出价格

产品文本框是自动完成的，它已经很好地工作了，但我想填充默认的 buyPrice 和默认的 sellPrice，我可以从我的表中获取，我可以将它们包含在我返回的 json 中。可能吗？？我用谷歌搜索了它，但仍然找不到很好的例子。

这是我的一段代码：

$( "#product" ).autocomplete({
    source: '/product/product'
}); 

我的产品列表 json 示例：

["x10","f10","f25"]

还有 1 个问题。是否可以预先加载我的产品列表，这样每次用户在产品文本框中输入内容时都无需访问服务器？

Answer 1

使用自动完成的select 事件。

您收到的响应无法与自动完成器一起正常工作。根据文档，source 需要返回一个带有附加字段的 json 对象，而不是一个简单的数组。像这样：

{
    value: "jquery",
    label: "jQuery",
    buy:   100,
    sell:  200
  },

然后在选择回调中，你可以使用那些像

这样的字段

 select: function( event, ui ) {
    $( "#project" ).val( ui.item.label );
    $("#buyPrice").val( ui.item.buy );
    $("#sellPrice").val( ui.item.sell );

    return false;
  }

例如fiddle