php - 使用引导选择的下拉菜单提供空白下拉菜单

Question

我一直在查看其他相关问题，但无法解决我的查询。我正在使用PDO:postgresql-php从数据库中检索值并在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

正确的 Bootstrap Select 实现如下：

<select class="form-control">

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