JQuery UI 自动完成组合框选择值而不是名称

Question

我需要一个组合框（id / name）对，用户在其中选择一个项目，并将 id 发送到服务器。 同时组合框调用一个 ajax webservice 来选择自动完成

我有一个几乎可以工作的例子，在这个JSFiddle

这里是 AJAX 部分：

source: function(request, response) {
                $.ajax({
                    url: "http://ws.geonames.org/searchJSON",
                    type: "POST",
                    dataType: "jsonp",
                    data: {
                        featureClass: "P",
                        style: "full",
                        username: "andrebarata",
                        maxRows: 12,
                        name_startsWith: request.term
                    },
                    success: function(data) {
                        response($.map(data.geonames, function(item) {
                            return {
                                label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
                                value: item.geonameId
                            }
                        }));
                    }
                })
            },

唯一的问题是，当我选择一个值时，它会将值更改为 ID 而不是名称。

我应该怎么做才能改变这个？

Answer 1

如果我将“value: item.geonameId”更改为“value: item.name”，它就可以工作了......

要获取 id，请添加一个新属性“geoid”，如下所示：

success: function(data) {
                        response($.map(data.geonames, function(item) {
                            return {
                                label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
                                value: item.name,
                                geoid: item.geonameId
                            }
                        }));
                    }
                })
            },
            select: function(event, ui) {
                alert(ui.item.value+" , "+ ui.item.geoid);