Getting Started
Simple: add the class .fancy-dropdown
and the options passed to a readonly input field and FD will kick in.
Basic usage
With an array dataset
<input type="text" value="" class="fancy-dropdown" data-fd-options="['foo', 'bar']" readonly />
With a JSON dataset
<input type="text" value="" class="fancy-dropdown" data-fd-options="{'foo': 'bar', 'hello': 'world', 'geralt': 'witcher', 'cowboy': 'bebop'}" readonly />
With an explicit name attr (best-league-champion)
<input type="text" value="" class="fancy-dropdown" name='best-league-champion' data-fd-options="['teemo', 'garen', 'gangplank']" readonly />
With a variable width
<input type="text" value="" class="fancy-dropdown" name='best-series' data-fd-options="['avatar the last airbender']" readonly />