如何将引导表单助手国家选择器插入表单？答案

【问题标题】：How to insert bootstrap form helper country picker to a form?如何将引导表单助手国家选择器插入表单？
【发布时间】：2023-03-09 12:57:01
【问题描述】：

我如何将上面的引导插件插入到我的表单中。我将所有必要的文件导入到我的表单文档中。我只插入这个代码。我从来没有写过任何js代码。但这是行不通的。

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

这里是我的国家选择器链接。对我的问题有任何想法吗？

http://bootstrapformhelpers.com/country/#example4

【问题讨论】：

你是否包含了 bootstrap ？你有 jQuery 吗？你能分享你的整个来源吗？

标签： javascript jquery twitter-bootstrap bootstrap-form-helper

【解决方案1】：

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

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

仔细阅读本页http://bootstrapformhelpers.com/gettingstarted/#jquery-plugins

【讨论】：

如何使用脚本设置国家

【解决方案2】：

是你的 index.html 拥有所有的：

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

<!-- Bootstrap Form Helpers -->
<link href="css/bootstrap-form-helpers.min.css" rel="stylesheet" media="screen">

<!-- jQuery -->
<script src="js/jquery-1.10.2.min.js"></script>

<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>

<!-- Bootstrap Form Helpers -->
<script src="js/bootstrap-formhelpers.min.js"></script>

【讨论】：

【解决方案3】：

这对你来说可能为时已晚，但我在另一个问题上发现了这个，它对我有用：

<div id="countries_states2" class="bfh-selectbox bfh-countries" data-country="US" data-flags="true">
        <input form='form1' type="hidden" value="" required>
        <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 countries" >
               <div role="listbox">
                      <ul role="option">
                      </ul>
               </div>
        </div>
</div>

【讨论】：