来自json编码的自动完成源

Question

我想要来自array的自动完成功能的源，它是通过使用json_encode从嫩枝symfony中检索到的数组数据。 问题是我不确定如何在自动完成源中使用数组。

这是我的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;
}

但是如果要在用户选择标签时保存ID，则应使用具有搜索功能的Select元素。

有很多jquery插件可以做到这一点，这是一个很好的例子：

https://select2.org/