使用 bootstrap select 的下拉菜单给出空白下拉菜单

Question

我一直在查看其他相关问题，但无法解决我的查询。我正在使用 PDO:postgresql-php 从数据库中检索值并使用 select 选项在 dropdown 中显示选项。在我使用 bootstrap-selectpicker 之前代码一直有效，从那以后我无法在下拉列表中看到值。您可以看到下面的代码：

<select class="selectpicker" data-style="btn-info">
           <option hidden><h4>Please select the lake</h4></option>
           <?php
                 $sql=$conn->prepare("select colname from public.table where id< 5"); 
        $sql->execute();
        if (!$sql) {     die('Could not connect: '); }
        while ($row = $sql->fetch()){
            echo '<option value="'.htmlspecialchars($row['colname']).'">'.htmlspecialchars($row['colname']).'</option>';
        }

   ?>
     </select>  
    <script>
          $(document).ready(function(){
          $('.selectpicker').selectpicker(
            style: 'btn-info',
            size: 4
            );

          });
    </script>

我在这里错过了什么？

Answer 1

正确的BootstrapSelect是这样实现的：

<select class="form-control">

摘自：https://getbootstrap.com/docs/3.3/css/#forms

使用 bootstrap select 的下拉菜单给出空白下拉菜单

Dropdown using bootstrap select gives blank dropdown

php

bootstrap-selectpicker