FancyDropdown

P.S. Akshan's kit in League is overloaded

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 />