flagstrap.js是一款基于bootstrap3的jquery国家选择插件。flagstrap.js插件能在bootstrap3原生selec下拉选择框的基础上,制作出带国旗效果的国家选择下拉框。
使用方法
在页面中引入jquery和bootstrap相关文件,以及flags.css和jquery.flags.js文件。
HTML结构
使用该jquery国家选择插件的基本HTML结构如下:
选择一个国家
可以通过data-*属性来添加配置参数。
选择一个国家
data-input-name="country2"
data-selected-country="DE"
data-button-size="btn-md"
data-button-type="btn-default"
data-scrollable-height="250px"
data-scrollable="true">
上面的代码生成一个带所有可选国家,默认选择德国,高度为250像素的select下拉下拉选择框。