bootstrap-select-country

based on the popular bootstrap-select

bootstrap-select-country is a jQuery plugin that utilizes Bootstrap's dropdown.js and bootstrap-select to provide country data and styling to standard select elements.

Download latest release

Dependencies

Usage

Create your <select> with the .selectpicker and .countrypicker class. The data-api from bootstrap-select will automatically apply a basic theme to these elements. Then the data-api from bootstrap-select-country will populate the select with countries.

<select class="selectpicker countrypicker"></select>

Examples

For more options have a look in the bootstrap-select docs.

Basic Example

Simple Country-Picker

<select class="selectpicker countrypicker"></select>

Multi-select

Multi-select enabled

<select class="selectpicker countrypicker" multiple></select>

Data Default

Set default country

<select class="selectpicker countrypicker" data-default="United States"></select>

Live Search

Searchable with bootstrap-select.js

<select class="selectpicker countrypicker" data-live-search="true" ></select>

With Flag

Searchable, data default with flags

<select class="selectpicker countrypicker" data-flag="true" ></select>