materialize Suggestion Dropdown on Search Form on key press(MaterializeCSS)

Question

<nav>
<div class="nav-wrapper">
  <form>
    <div class="input-field">
      <input id="search" type="search" required>
      <label for="search"><i class="material-icons">search</i></label>
      <i class="material-icons">close</i>
    </div>
  </form>
</div></nav>

does anyone know how to add dropping down suggestions when someone write letters on search box?

using Materialize CSS

Possible duplicate of [How to create autocomplete form with MaterializeCss?](http://stackoverflow.com/questions/34222775/how-to-create-autocomplete-form-with-materializecss) — artem, Aug 31 '16 at 03:02

score 1 · Answer 1 · answered Nov 21 '16 at 19:34

1

Use the autocomplete class on the input. Then initialize it with an object that contains the options.

$('input.autocomplete').autocomplete({ data: { "Apple": null, "Microsoft": null, "Google": 'http://placehold.it/250x250' } });

Refer to http://materializecss.com/forms.html

answered Nov 21 '16 at 19:34

Mateo Marin

265
3
8

This does not work with the search bar component for some reason. – TheAddonDepot Dec 06 '16 at 14:49

materialize Suggestion Dropdown on Search Form on key press(MaterializeCSS)

1 Answers1