Chosen Icon

Extends the functionality of the chosen plugin by Harvest to display font awesome icons in dropdown menus

Download source from https://github.com/EmranAhmed/chosen-icon

Example

Usage

Add attribute data-icon to <option> items with the name of font awesome css class name. 

      
          <select data-placeholder="Choose a Project..." class="icon-select" style="width:350px;"
          tabindex="2">
          <option data-icon="fa-download">Project A</option>
          <option data-icon="fa-cloud">Project B</option>
          <option data-icon="fa-fighter-jet">Project C</option>
          </select>

Use chosenIcon() in place of chosen() passing in the same properties:

$(".icon-select").chosenIcon({
      disable_search_threshold: 10
      });

All properties of chosen() are available through chosenIcon()

Dependencies