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

我怎样才能做到 link 源中的路由？

Answer 1

您应该将编码后的数据 json 传递给源：

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

        });
    </script>

Answer 2

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

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

Tags Input With Autocomplete from array in url

javascript

jquery

laravel

autocomplete