实现。访问自动完成元素属性

Question

我想答案应该很容易，但是我要生气地试图找到答案。

可以说，我有这样的物质化的自动完成元素。

 $('#element_id).autocomplete({
                limit:5,
                data:{"a":null,"b":null,"c":null},
                onAutocomplete:function(){whatEverYouWannaDoAfterCompletion()}
            });

但是，获得所选值没有问题，我的问题是... 是否可以使用ActiveIndex自动完成项目属性获得所选的索引，或者我应该“导航”通过渲染的组件来找到所选的术语？

谢谢。

Answer 1

尽管最终目标对我来说尚不清楚，但我将尝试至少阐明属性 ActiveIndex 等等。

$(document).ready(function() {
  $('input').autocomplete({
    data: {
      a: null,
      b1: null,
      b2: null
    }
  });
  
  function checkIndex() {
    var el = $('input').get(0);
    var instance = M.Autocomplete.getInstance(el);
    console.log(instance.count, instance.activeIndex, $('input').val());
    setTimeout(checkIndex, 333);
  }
  
  checkIndex();
  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<div class="container input-field">
  <input class="autocomplete">
</div>

在这里，我准备了一个时间驱动的函数，以检查属性，而无需依赖元素焦点。关键步骤是将元素实例在物质空间（而不是jQuery！）中获取。

至于属性的理解，我认为我们应该在使用之前仔细测试它们。在我的测试中，即使选择完全匹配选项值，我也看到了唯一的activeIndex = -1值。预期的行为与我不同。