Jquery 我如何给出基于JSON数据源搜索的文本框的建议

我有一个类似这样的数据源

0: {id: 12, productNumber: "FGC 101 89/1A380", rstate: "R1B", functionDesignation: "J-VPN 1.0 WIND",…}
acronym: "vpn"
code: null
functionDesignation: "J-VPN 1.0 WIND"
id: 12
prCode: null
productNumber: "FGC 101 89/1A380"
reCode: "DS4"
rstate: "R1B"
versionDesignationText: ""
1: {id: 13, productNumber: "FGC 101 89/1A380", rstate: "R1A", functionDesignation: "J-VPN 1.0 WIND",…}
acronym: "vpn"
code: null
functionDesignation: "J-VPN 1.0 WIND"
id: 13
prCode: null
productNumber: "FGC 101 89/1A380"
reCode: "DS4"
rstate: "R1A"
versionDesignationText: ""

我还有一个文本框，如下所示

品名

下面是autocomplete的示例代码，但您需要根据需要进行转换

jQuery UI自动完成-自定义数据和显示
#项目标签{
显示：块；
字体大小：粗体；
边缘底部：1米；
}
#项目图标{
浮动：左；
高度：32px；
宽度：32px；
}
#项目说明{
保证金：0；
填充：0；
}
$（函数（）{
var项目=[
{
功能名称：“埃里克森软件”，
accrname：“SDI”，
rstate:“R10A”，
产品编号：“FGC 101 2997”
},
{
功能名称：“埃里克森软件”，
accrname：“SDI”，
R声明：“R9A”，
产品编号：“FGC 101 2997”
},
{
功能名称：“埃里克森软件”，
accrname：“SDI”，
R声明：“R9A”，
产品编号：“FGC 101 2997”
},
{
accrname：“SDN”，
功能名称：“埃里克森软件”，
R状态：“R3A”，
产品编号：“FGC 101 3031/6”
}
];
$（“#项目”）.autocomplete({
最小长度：1，
资料来源：项目，
焦点：功能（事件、用户界面）{
$（“#项目”）.val（ui.item.accrname）；
返回false；
},
选择：功能（事件、用户界面）{
$（“#项目”）.val（ui.item.functiondesignation）；
$（“#项目描述”）.html（ui.item.accrname+ui.item.rstate+ui.item.productnumber）；
返回false；
}
})
.autocomplete（“实例”）。\u renderItem=函数（ul，项）{
返回$（“
”）
.append（“+item.accrname+item.rstate+item.productnumber+”）
.附录（ul）；
};
} );