使用引导选择下拉显示空白下拉列表。

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

正确的引导选择如下所示：

<select class="form-control">

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