从 url 中的数组自动完成的标签输入
Tags Input With Autocomplete from array in url
我下载了这个脚本 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 源中的路由?
您应该将编码后的数据 json 传递给源:
<script type="text/javascript">
$(function() {
$('#form-tags-4').tagsInput({
'autocomplete': {
source: @json($data)
}
});
});
</script>
您可能还想使用 jquery 中的 select2。我用过这个 select2,它有很好的文档。您可以在此处查看他们的文档 Select2
我下载了这个脚本 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 源中的路由?
您应该将编码后的数据 json 传递给源:
<script type="text/javascript">
$(function() {
$('#form-tags-4').tagsInput({
'autocomplete': {
source: @json($data)
}
});
});
</script>
您可能还想使用 jquery 中的 select2。我用过这个 select2,它有很好的文档。您可以在此处查看他们的文档 Select2