我正在尝试将此引导程序表单助手添加到我的表单中,但由于某种原因没有填充任何内容。少了什么东西?我做错了什么?
这是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>
答案 0 :(得分:2)
这是我创建它的一个例子。请注意我没有使用您在小提琴中使用的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>