javascript - JQuery 两个自动完成文本字段

Question

我不知道为什么如果我只有一个用于类别的文本字段，则自动完成功能正在工作（当用户在该类别文本输入框中键入时，我可以看到建议的填充）但是当我想使用多个字段时，让我们说子类别它对两者都不起作用（未显示建议​​）...请帮助

<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>

看法：

<input type="text" id="category_input" />
<input type="text" id="subcategory_input"/>

标签： javascriptphpjquerylaravel

Answer 1

尝试这个：

<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>