Javascript 引导formhelpers选择框

我有一个带有引导选择框的网页

当我使用

<div class = "bfh-selectbox">
    <input type = "hidden" name = "selectbox1" value = "">
    <a class = "bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" >
    <span class = "bfh-selectbox-option input-medium" data-option="1">Option 1</span>  
    <b class = "caret"></b>
    </a>
    <div class = "bfh-selectbox-options">
        <input type="text" class="bfh-selectbox-filter">
        <div role="listbox">
            <ul role="option">
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="1">Option 1</a></li>
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="2">Option 2</a></li>
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="3">Option 3</a></li>
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="4">Option 4</a></li>
                <li class = "reg-select"><a tabindex="-1" href="#" data-option="5">Option 5</a></li>
            </ul>
        </div>
    </div>
</div>

页面上的每个javascript代码都停止工作

除此之外，选择框无法进行切换。我从bootstrap和bootstrap formhelpers站点添加了每个css和js文件

切换选择框的My javascript代码：

<script type='text/javascript'>

    $(document).ready(function() {

            $('.reg-select').click(function() {

                    $().bfhselectbox('toggle');

            });
    });

</script>

$（文档）.ready（函数（）{
$（'.reg select'）。单击（函数（）{
$（）.bfhselectbox（'toggle'）；
});
});

---

还有谁在这方面遇到过麻烦吗？

我想说，您可能是按错误的顺序加载了资源。确保它们是这样的：

CSS：

• bootstrap.css
• bootstrap-formhelpers.css
• yourapp.css

JS：

• jquery.js
• bootstrap.js
• bootstrap-formhelpers.js
• yourapp.js

---

您有一个div，但我没有看到选择框？你做个小提琴什么的怎么样？添加了完整的html代码。“bfh selectbox”div类使我的javascript无法工作，所以我想我只能发布这一部分。你可以提到你正在使用引导表单帮助程序扩展（不仅仅是标准引导），无论如何，这里有一个对你的代码的修改，它似乎在工作：我看到它在工作。我不明白为什么它不在我的页面上。好吧，请确保您以正确的顺序加载了css和javascript文件。我删除了一些ajax.googleapis.com jquery源代码。然后我把所有的css和js按正确的顺序排列。太多了@很高兴我能帮上忙，伙计！如何设置脚本中的选定值