javascript - 如何在 Materialise CSS 框架中添加对 select 的搜索

Question

我是 Materialise CSS 框架的新手，我正在寻找可搜索的选择。

我添加了选择组件，但现在我希望它是可搜索的，以便用户可以从下拉选项中搜索值并选​​择值。

提前致谢

Answer 1

此问题的另一个解决方案是在使用 Autocomplete 时设置 minLength:0 - 这本质上会触发焦点上的下拉选项，并允许搜索或选择。

HTML:

<input type="text" id="autocomplete-input" class="autocomplete">
<label for="autocomplete-input">Autocomplete</label>

JS:

var elems = document.querySelectorAll('.autocomplete');
var instances = M.Autocomplete.init(elems, {
   data: {
      "Apple": null,
      "Microsoft": null,
      "Google": 'https://placehold.it/250x250'
      },
   minLength: 0, 
});

Codepen here .