Источник автозаполнения из кодировки json

Мне нужен источник автозаполнения из массива, который представляет собой данные массива, которые я извлекаю из twig symfony с помощью json_encode. Проблема в том, что я не уверен, как использовать массив в источнике автозаполнения.

Это мой html-код:

    <div class = "form-group required">
                    <input id = "autocomplete" name = "driver[]" class = "form-control" value = "{{place.name}}"/>
    </div>

И мой javascript здесь:

    var userlist = {{ lusers| json_encode | raw }};
    var datasource = [{"label" : userlist.name, "value" : userlist.id}];

    $('#autocomplete').autocomplete({
     source:datasource
     });
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
55
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

если вы хотите использовать автозаполнение в jquery ui, элементы вашего массива должны быть строками поэтому вы можете использовать этот код для преобразования элементов массива в строки:

for (let i = 0; i < userlist.length; i++) {
    datasource[] = userlist[i].name;
}

но если вы хотите сохранить идентификатор, пока пользователь выбирает метку, вы должны использовать элемент Select с возможностью поиска.

для этого существует множество плагинов jquery, и это хороший пример:

https://select2.org/

Другие вопросы по теме