使用bootstrap select下拉列表会显示空白下拉列表

时间:2017-11-01 10:30:28

标签: php bootstrap-selectpicker

我一直在寻找其他相关问题,但我无法解决我的问题。我正在使用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>

我在这里缺少什么?

1 个答案:

答案 0 :(得分:0)

正确的Bootstrap Select按如下方式实现:

<select class="form-control">

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