Javascript jquery自动完成transformResult自动聚焦属性不工作

Javascript jquery自动完成transformResult自动聚焦属性不工作,javascript,jquery-plugins,jquery-autocomplete,Javascript,Jquery Plugins,Jquery Autocomplete,现在看起来是这样的 我在jquery中工作。下面是我想搜索城市的代码 jQuery('#citySearch').autocomplete({ serviceUrl: basePath + '/selectMycities.json', paramName: "tagName", // onSelect: function(suggestion) { cityID = suggestion.data;

现在看起来是这样的

我在jquery中工作。下面是我想搜索城市的代码

jQuery('#citySearch').autocomplete({
        serviceUrl: basePath + '/selectMycities.json',
        paramName: "tagName", // 
        onSelect: function(suggestion) {
            cityID = suggestion.data;
            cityId=cityID;
            jQuery("#cityId").val(cityID);
            return false;
        },
        transformResult: function(response) {

            return {

                suggestions: jQuery.map(jQuery.parseJSON(response), function(item) {
                    return {
                        value: item.cityName,
                        data: item.cityId,
                        id: item.cityId
                    };

                })
            };
        }
    });
现在在上面的“自动完成”中,我想将“自动对焦”设置为true,但它不起作用。请帮忙

它应该像第二张图片

你必须补充一点

$( "#citySearch" ).focus();
或者像这样的

$("#auto").autocomplete({ 
source: function(request, response) {
    var results = $.ui.autocomplete.filter(src, request.term);

    response(results.slice(0, 4));
 }
});

自动对焦将突出显示第一项,而selectFirst将选择第一项

 jQuery('#citySearch').autocomplete({
            selectFirst: true,
            autoFocus: true,
            serviceUrl: basePath + '/selectMycities.json',
            paramName: "tagName", // 
            onSelect: function(suggestion) {
                cityID = suggestion.data;
                cityId=cityID;
                jQuery("#cityId").val(cityID);
                return false;
            },
            transformResult: function(response) {

                return {

                    suggestions: jQuery.map(jQuery.parseJSON(response), function(item) {
                        return {
                            value: item.cityName,
                            data: item.cityId,
                            id: item.cityId
                        };

                    })
                };
            }
        });

我已经找到了解决这些问题的办法

我使用了autoSelectFirst属性,得到了令人尊敬的结果,就像第二幅图像一样

autoSelectFirst:如果设置为true,则在显示建议时将选择第一项。默认值为false

jQuery('#citySearch').autocomplete({
        autoSelectFirst: true,
        serviceUrl: basePath + '/selectMycities.json',
        paramName: "tagName", // 
        onSelect: function(suggestion) {
            cityID = suggestion.data;
            cityId=cityID;
            jQuery("#cityId").val(cityID);
            return false;
        },
        transformResult: function(response) {

            return {

                suggestions: jQuery.map(jQuery.parseJSON(response), function(item) {
                    return {
                        value: item.cityName,
                        data: item.cityId,
                        id: item.cityId
                    };

                })
            };
        }
    });

jQuery'citySearch'。自动完成{自动对焦:true,//参数的其余部分…..请提供fiddle或plunkr以便更好地使用answer@Jugnu请查看更新后的问题,我已为此添加了图像。@Jugnu找到了答案。我的回答不起作用。请使用上载的图像查看更新后的问题两幅图像完全相同,您是否正在查找此->它们不相同图像是搜索中突出显示的第一个元素。您在JSFIDLE中提供的jquery自动完成与我使用的jquery自动完成不同。请添加一个FIDLE,以便我们可以处理您的FIDLE,是的,我使用了这个自动完成,因为我没有您的资源。如果这是正确的,我们可以在您的代码中实现。谢谢回复但正如我所说,这些属性在我这方面不起作用。我认为对于jquery autocomplete的transformResult类型,同一个函数有不同的属性。请提供fiddle,这样我就可以看到您的情况。希望您知道如何制作fiddle???您使用的是默认jquery autocomplete之外的其他autocomplete,这就是为什么它不起作用的原因工作