标签从 url 中的数组自动完成输入

Question

我下载此脚本https://www.jqueryscript.net/form/Tags-Input-Autocomplete.html并创建路线

Route::get('/ingredients-data', function(){
$data = Menu_Ingredient::all()->pluck('name')->toArray();
return response($data);
});

我想用它来自动完成。

        <script type="text/javascript">
        $(function() {              
            $('#form-tags-4').tagsInput({
                'autocomplete': {
                    source: [
                        'apple',
                        'banana',
                        'orange',
                        'pizza'
                    ]
                } 
            });

        });
    </script>

我怎样才能在源代码中链接路由？

Answer 1

您应该将数据作为编码 json 传递给源：

   <script type="text/javascript">
        $(function() {              
            $('#form-tags-4').tagsInput({
                'autocomplete': {
                    source: @json($data)
                } 
            });

        });
    </script>

Answer 2

您可能还想在 jquery 中使用 select2。 我用过这个 select2，它有很好的文档。 您可以在此处查看他们的文档Select2