About currency picker

This jQuery plugin allows you to add a currency picker to easily display a list of currencies in your Bootstrap form. This currency picker can be used along with our select jQuery plugin. There is also an option to display the currency or country flags.

Examples

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

<select class="form-control bfh-currencies" data-currency="EUR"></select>

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

<select class="form-control bfh-currencies" data-available="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>
<br><br>
<select id="currencies1" class="form-control"></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">
</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>

Available languages

  • English (US)

Options

Option Description
currency Three letters currency code. To select a currency. Required when blank is set to false. Default: ''
available Comma separated list of three letters currency code. To restrict the list of currencies. Default: ''
flags Boolean. To show the currency or country flags. Default: false
blank Boolean. To show a blank option. Default: true

If using our select jQuery plugin, refer to this documentation for a list of additional options.

Methods

If using our select jQuery plugin, refer to this documentation for a list of methods.

Events

If using our select jQuery plugin, refer to this documentation for a list of events.