引导表单助手国家和州不显示答案

【问题标题】：Bootstrap Form Helpers country and state not displaying引导表单助手国家和州不显示
【发布时间】：2016-12-16 04:49:09
【问题描述】：

我正在尝试将此引导表单助手添加到我的表单中，但由于某种原因没有填充任何内容。少了什么东西？我做错了什么？

这里是 JSFiddle：https://jsfiddle.net/2fy1me4y/

来源：http://js.nicdn.de/bootstrap/formhelpers/docs/state.html

            <div class="form-group col-lg-4">
                <label>State</label>
                <select id="countries_states1" class="input-medium bfh-countries" data-country="US"></select>
                <select class="input-medium bfh-states" data-country="countries_states1"></select>
                <small class="text-muted">Provide the state you currently reside</small>
            </div>

【问题讨论】：

我认为这是在这里解决的：stackoverflow.com/questions/25929769/…

标签： jquery html css twitter-bootstrap

【解决方案1】：

这是我创建的一个工作示例。请注意，我没有使用您的小提琴中的 CDN，因为我无法让它工作。没有深入研究。

https://jsfiddle.net/5bbnt7xc/1/

HTML：

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

【讨论】：