使用jQuery UI自动完成从json获取正确的字段

时间:2011-08-23 12:55:53

标签: json jquery-ui autocomplete

OKey不确定这个被称为字段或者json的结果是什么(就像萤火虫一样):

0 Object { name="Kau, 49460 Stock", value="123", more...}


1 Object { name="Kau 315, 2344 Öre", value="123", more...}

我正在使用jquery UI自动完成插件,并且evertyhin工作正常,但它始终获取/显示值field =“123”。我希望它能显示“名称”字段。我怎样才能做到这一点?试图从jQuery UI文档中查找,但没有找到(最可靠的是因为我不知道正确的术语,这就是我在寻找)

THX。

编辑: 我有一个来自输入字段然后这个js

$("input#searc").autocomplete({
    source: site_url + "ajax/get_address",
});

它返回正确的数据,但我不知道如何在json的autocompele上显示正确的东西。

1 个答案:

答案 0 :(得分:1)

您需要一个label字段。来自jquery ui autocomplete documentation

  

本地数据可以是一个简单的字符串数组,也可以包含数组中每个项目的对象,带有标签或值属性或两者。 label属性显示在建议菜单中。用户从菜单中选择了某些内容后,该值将插入到input元素中。如果仅指定了一个属性,则它将用于两者,例如。如果仅提供value-properties,则该值也将用作标签。

label显示在建议菜单中,值放在文本框的值中。一个或另一个将导致它被用于两者。当你指定两者时,它们就像它们应该的那样。

你会回复这样的东西:

{ label="Kau 315, 2344 Öre", value="123", more...}

然后只使用您使用label变量的name变量。

修改

看看这个小提琴:http://jsfiddle.net/jensbits/AmvsX/3/

它需要name字段并将其设置为label

以下是Using jQuery Autocomplete When Remote Source JSON Does Not Contain ‘Label’ or ‘Value’ Fields

的教程