实现CSS自动完成功能NO AJAX

Question

我正在尝试获取一个自动完成的表单以使用Materialize CSS显示名称列表。 （https://materializecss.com/autocomplete.html）

 document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.autocomplete');
    var instances = M.Autocomplete.init(elems, options);
  });

以上是文档中列出的正确初始化方法。我正在尝试不使用JQuery / AJAX。它说选项之一可以是数据对象，但是我不确定实现的正确语法。

例如，如果我希望我的自动完成数据为：{'mary'：null，“ john”：null}

什么是插入上述options参数的正确方法。

我是JS的新手，只是想让它适用于Python Flask应用程序。