Bootstrap Form Helpers

Extend Bootstrap's components—now with 12 custom jQuery plugins.

Download Bootstrap Form Helpers

About currencies

For adding a drop-down of currencies or display currency name from country code, include bootstrap-formhelpers-currencies.{language}.js and bootstrap-formhelpers-currencies.js once alongside the other JS files.

If you want to have access to the country flags, you can include bootstrap-formhelpers-countries.flags.css once alongside the other CSS files.

Use cases

Example for loading the list of currencies and selecting a default currency

<select class="input-medium bfh-currencies" data-currency="EUR"></select>

Example for loading the list of currencies, limited to a specific list of currencies

<select class="input-medium bfh-currencies" data-currencyList="USD,AUD,EUR"></select>

Example for loading the list of currencies in JavaScript and selecting a default currency

<button onclick="$('#currencies1').bfhcurrencies({currency: 'USD'})" class="btn">Load Currencies</button>
<select id="currencies1" class="input-medium"></select>

Example for loading the list of currencies and currencies flags using Bootstrap Form Helpers' Select Box

<div class="bfh-selectbox bfh-currencies" data-currency="EUR" data-flags="true">
  <input type="hidden" value="">
  <a class="bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" href="#">
    <span class="bfh-selectbox-option input-medium" data-option=""></span>
    <b class="caret"></b>
  </a>
  <div class="bfh-selectbox-options">
    <input type="text" class="bfh-selectbox-filter">
    <div role="listbox">
    <ul role="option">
    </ul>
    </div>
  </div>
</div>

Example for displaying the currency name and currency flag from a currency code

<span class="bfh-currencies" data-currency="XCD" data-flags="true"></span>