автозаполнение источника из JSON кодировать

Question

Я хочу источник автозаполнения из массива, который данные массива я получаю из ветки 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
     });

Answer 1

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

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

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

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

https://select2.org/