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

Question

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

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

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

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

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>

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

Answer 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>

Answer 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>