如何在bootsratp国家选择器中选择所需的国家/地区？

Question

以下代码显示加载下拉列表时选择美国国旗和美国。

<div class="bfh-selectbox bfh-countries" data-country="US" data-flags="true"></div>

我想以一种形式选择英国，而伊拉克则以另一种形式选择，但在下面尝试时，它不会显示该国家和国家名称的标志。

<div class="bfh-selectbox bfh-countries" data-country="UK" data-flags="true"></div>
<div class="bfh-selectbox bfh-countries" data-country="IRQ" data-flags="true"></div>

默认情况下，上面选择的代码为​​空白。

如何在<div class="bfh-selectbox bfh-countries" data-country="US" data-flags="true"></div>

上选择美国名称和旗帜，以显示英国和伊拉克国旗

Answer 1

要使其工作，您应该添加指向Bootstrap Form Helpers库的CSS和JS文件的链接，这些文件应该先前已下载到您的服务器上

 <link href="css/bootstrap-form-helpers.min.css" rel="stylesheet">
    <script src="js/bootstrap-formhelpers.min.js"></script>

<div class="bfh-selectbox bfh-countries" data-country="US" data-flags="true">
</div>

从国家/地区代码

显示国家/地区名称和标记的示例

<span class="bfh-countries" data-country="US" data-flags="true"></span>

了解更多相关信息 http://www.freenetmall.com/common/jquery/FormHelpers/docs/country.html

Answer 2

我自己找到了答案：

• 对于英国，请使用data-country="GB"
• 对于伊拉克，请使用data-country="IQ"