javascript - Bootstrap Selectpicker 问题

Question

我正在尝试使用 this selectpicker用于表单选择和选项，但无法正常工作。

我已经按照指定添加了以下脚本和 CSS:

    <script type="text/javascript">
    $('.selectpicker').selectpicker({
      });
    </script>

<script src="/js/Bootstrap/Select/bootstrap-select.js"></script>

第一个的 html greyed out select在搜索栏中:

<select class="selectpicker" id="searchType" name="searchtype" onchange="this.form.submit()">
            <option value="All">All</option>
            <option value="Businesses">Businesses</option>
            <option value="Events">Events</option>
            <option value="News">News</option>
            <option value="Lifestyle">Lifestyle</option>

        </select>

任何想法表示赞赏。

Answer 1

请确保您包含了所有必需的文件，否则您可能需要重新排列代码，例如:

<script src="/js/Bootstrap/Select/bootstrap-select.js"></script>

<script type="text/javascript">
    $('.selectpicker').selectpicker({
      });
</script>

您需要先包含 js，然后再调用插件。检查这个 fiddle ，它对我有用:http://jsfiddle.net/tejashsoni111/RUAS4/