Json 数据的 Jquery 自动完成问题答案

【问题标题】：Jquery Autocomplete issue with Json dataJson 数据的 Jquery 自动完成问题
【发布时间】：2016-11-22 21:59:03
【问题描述】：

我有一个函数可以返回下面的 Json 数据。每次在下拉列表中选择一个值时，它都会更改。

[
    {"Code":"1","Name":"Name1","City":"City1"},
    {"Code":"2","Name":"Name2","City":"City2"},
    {"Code":"2","Name":"Name3","City":"City3"},
    {"Code":"3","Name":"Name4","City":"City4"}
]

这是用于获取 Json 数据的 Jquery。

    function GetDataByState() {
        $.ajax({
            url: '@Url.Action("Action", "Controller")',
            data: { ID: myValue },
            cache: false,
            type: "GET",
            dataType: "json",
            success: function (data, textStatus, XMLHttpRequest) {
                dataListByState = data;
            }
        });
    }

这是我的自动完成代码。我的问题是如何转换 Json 数据以使其工作？

        $('#SectionName').autocomplete({
            source: dataListByState 
            minLength: 3,
            select: function (event, ui) {
                $("#code").val(code value from dataListByState);
                $("#city").val(city value from dataListByState);
            }
        });

谢谢。

【问题讨论】：

为了提供帮助，您需要说明您希望三列数据如何在单个自动完成中表示。
我希望名称显示为自动完成，并在选择功能中设置与所选名称关联的代码和城市值

标签： jquery json autocomplete

【解决方案1】：

阅读此答案jquery-ui autocomplete, manipulate json & javascript to parse to hidden input fields? 后，我能够弄清楚。我只需要在返回 Json 数据的函数中更改值的名称。现在我的 json 数据如下所示：

[
{"Value":"Name1", "Code":"1","City":"City1"},
{"Value":"Name2", "Code":"2","City":"City2"},
{"Value":"Name3", "Code":"3","City":"City3"},
{"Value":"Name4", "Code":"4","City":"City4"}
]

【讨论】：