javascript - 在实现自动完成中使用 php 数组

Question

我正在尝试初始化 materialize autocomplete使用一个简单的 PHP 数组 ($keysArray)。我正在使用 json_encode 将 PHP 数组转换为 Javascript，但由于某些原因，以下内容不起作用。自动完成下拉菜单根本不会出现 - 只有当我直接键入键时它才会起作用，就像在“初始化”下的 MaterializeCSS 链接中的示例中一样。

var tempArray = <?php echo json_encode($keysArray); ?>;
const ac = document.querySelector('.autocomplete');
  M.Autocomplete.init(ac, {
    source: tempArray;
  });

下面是数组结构的副本:

  $keysArray = array (
    "Test1",
    "Test2",
    "Test3"
  );

Answer 1

根据初始化信息，您应该使用数据而不是源。

var tempArray = <?php echo json_encode($keysArray); ?>;
    const ac = document.querySelector('.autocomplete');
    M.Autocomplete.init(ac, {
      data: tempArray;
    });

他们还使用了对象，而不是数组:

$keysArray = {
    "Test1" : null,
    "Test2" : null,
    "Test3" : null
  };