Question

假设我有3个文本框：

产品
buyPrice
sellPrice

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

这是我的代码：

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

我的产品清单样本json：

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

还有一个问题。是否可以预加载我的产品列表，以便每次用户在产品文本框中输入内容时都不需要去服务器？

Answer 1

使用自动填充的select事件。

您获得的响应无法与自动完成程序一起使用。根据文档，source需要返回一个带有附加字段的json对象，而不是一个简单的数组。像这样：

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

然后在select回调中，您可以使用

这些字段

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

    return false;
  }

示例fiddle

JQueryUI自动填充填充了多个文本框

1 个答案: