Javascript JQuery两个自动完成文本字段

我不知道为什么如果我只有一个文本字段用于分类，那么自动完成功能会起作用（当用户在该分类文本输入框中键入时，我可以看到建议的填充），但是当我想使用多个字段时，比如说对于子分类，它不会同时处理这两个字段（建议不会显示）。。。请帮忙

<script type="text/javascript">


        $.getJSON(  {{ route('search.categories') }}, function( data ) {

            var categories = data.map(function(val){
                return val.title;
            });

            auto(categories);

        });
        $.getJSON( {{ route('search.subcategories') }}, function( data ) {

            var subcategories = data.map(function(val){
                return val.title;
            });

            auto(subcategories);

        });

        function auto(categories){

            $("#category_input").autocomplete({
                source: categories,
                minLength: 2
            });
        }
        function auto(subcategories){

            $("#subcategory_input").autocomplete({
                source: subcategories,
                minLength: 2
            });
        }




    </script>

$.getJSON（{route（'search.categories'）}}，函数（数据）{
var categories=data.map（函数（val）{
返回val.title；
});
汽车（类别）；
});
$.getJSON（{route（'search.subcategories'）}}，函数（数据）{
var子类别=data.map（函数（val）{
返回val.title；
});
自动（子类别）；
});
功能自动（类别）{
$（“#类别输入”）。自动完成({
资料来源：类别，
最小长度：2
});
}
自动功能（子类别）{
$（“#子类别_输入”）。自动完成({
资料来源：子类别，
最小长度：2
});
}

视图：

试试这个：

<script type="text/javascript">


    $.getJSON(  {{ route('search.categories') }}, function( data ) {

        var categories = data.map(function(val){
            return val.title;
        });

        auto(categories);

    });
    $.getJSON( {{ route('search.subcategories') }}, function( data ) {

        var subcategories = data.map(function(val){
            return val.title;
        });

        auto_sub(subcategories);

    });

    function auto(categories){

        $("#category_input").autocomplete({
            source: categories,
            minLength: 2
        });
    }
    function auto_sub(subcategories){

        $("#subcategory_input").autocomplete({
            source: subcategories,
            minLength: 2
        });
    }




</script>

$.getJSON（{route（'search.categories'）}}，函数（数据）{
var categories=data.map（函数（val）{
返回val.title；
});
汽车（类别）；
});
$.getJSON（{route（'search.subcategories'）}}，函数（数据）{
var子类别=data.map（函数（val）{
返回val.title；
});
自动_子类（子类别）；
});
功能自动（类别）{
$（“#类别输入”）。自动完成({
资料来源：类别，
最小长度：2
});
}
功能自动_子（子类别）{
$（“#子类别_输入”）。自动完成({
资料来源：子类别，
最小长度：2
});
}

不能有两个同名的函数（

auto

）。更具体地说，第二个覆盖了第一个。@ Jeto我认为“Autoto”不是一个名字，而是一种类似的类型，可能在C++中，但在JS:不是）谢谢你工作，但是我必须删除“；”（}）Auto.（类别）

<script type="text/javascript">


    $.getJSON(  {{ route('search.categories') }}, function( data ) {

        var categories = data.map(function(val){
            return val.title;
        });

        auto(categories);

    });
    $.getJSON( {{ route('search.subcategories') }}, function( data ) {

        var subcategories = data.map(function(val){
            return val.title;
        });

        auto_sub(subcategories);

    });

    function auto(categories){

        $("#category_input").autocomplete({
            source: categories,
            minLength: 2
        });
    }
    function auto_sub(subcategories){

        $("#subcategory_input").autocomplete({
            source: subcategories,
            minLength: 2
        });
    }




</script>