引导程序窗体帮助程序-状态选择器-选择类

Bootstrap Form Helpers - State Picker - Select Class

本文关键字：选择 选择器 状态 帮助程序 引导程序 窗体      更新时间：2024-04-01

我正试图将论坛帮助程序集成到我的引导应用程序中，但在使用<select></select>时遇到了一些问题。我已经包含了所有的.js文件，日期选择器/滑块工作得很好，但它们只是<div></div>层。

以下是他们的"文档"链接：引导表单帮助

我需要包括个别的-state，-countries等.js文件才能工作吗？我想用的只是…

<select class="form-control bfh-states" data-country="US" data-state="CA"></select>

调用select，但其中没有填充任何内容。

我调查了这个问题，发现你不仅需要包含某种形式的Bootstrap的JS（你的Bootstrap.JS很好），还需要包含Bootstrap-fmhelpers.JS和Bootstrap-rmhelpers-states.JS。

我把它都放在小提琴下面：http://jsfiddle.net/k7Zjd/4/

然而，您会注意到示例1有所不同——formhelpers似乎是为2.3.0而设计的；而无需手动启动.bfstates（{country:'US'，state:'CA'}）；它从来没有为我加载过-如果你尝试，例如$（'.bfstates'），formhelpers似乎也会强制.bfstates的每个实例为null；

HTML-bfh select fix只是我用来针对select元素的一个类-bfh states将返回null，我们不想触发每个表单控件。（.form-control.bfh-states也返回null等）

<select class="form-control bfh-select-fix bfh-states"></select>

JS-以手动方式初始化状态选择器。

$('.bfh-select-fix').bfhstates({country:'US', blank:false});

编辑-我并不是想假设你使用的是Bootstrap 3-不过，我的小提琴应该没有什么不同。不过，我可以进一步研究为什么示例1似乎不起作用。

相关文章：