Javascript materialized activeIndex返回1

阅读自动完成文档here后，为什么onAutocomplete上总是在控制台内记录来自data数组中所选选项的值-1而不是de id？

    <div class="input-field outlined s4" style="margin: 5px 5px;">
      <i class="material-icons prefix">search</i>
      <input type="text" id="vincularSetor.colaborador_id.autocomplete" form="form_vincularSetor" class="autocomplete">
      <label for="vincularSetor.colaborador_id.autocomplete">Nome do Colaborador</label>
    </div>
    
    <script>
      document.addEventListener('DOMContentLoaded', function() {
        var elems = document.querySelectorAll('[id="vincularSetor.colaborador_id.autocomplete"]');
        var instances = M.Autocomplete.init(elems, {
          // specify options here
          minLength: 0, // shows instantly
          data: [
            {id: 3, text: "Name 1"},
            {id: 4, text: "Name 2"}
          ],
          onAutocomplete: () => {
            autocomplete = M.Autocomplete.getInstance(document.getElementById("vincularSetor.colaborador_id.autocomplete"));
            console.log(autocomplete.activeIndex);
          }
        });
      });
    </script>