填充bootstrap li元素中的下拉列表

时间:2016-06-01 07:35:21

标签: php

最初我试图用这段代码

填充select标签的下拉列表
 <select class="form-control" name="selectVal">
                    <option value="course">Select Course</option>
                    <?php
                        $sql = mysqli_query($conn,"call courses_dropdown()");
                        while($row = mysqli_fetch_array($sql))
                        {   

                            echo "<option value='" . $row['courses'] ."'>" . $row['courses'] . "</option>";
                        }
                    ?> 
                </select>  

这个片段工作正常,现在我正在考虑使用li元素代替select 那么如何使用以下代码中的li元素填充bootstrap中的下拉列表

          <ul class="dropdown-menu scrollable-menu">
        <li><a href="about_us.php" >About Us</a></li>
        <li><a href="advertise.php">Advertise</a></li>
        <li><a href="team.php">Team</a></li>
         <li><a href="#">Art Curator</a></li>
         <li><a href="work_with_us.php">Jobs & Internships</a></li>


         </ul>  

3 个答案:

答案 0 :(得分:0)

我不确定理解你的问题,为什么结果不是这样的:

    <ul class="dropdown-menu scrollable-menu">
    <?php  
         $sql = mysqli_query($conn,"call courses_dropdown()");
         while($row = mysqli_fetch_array($sql))
         {   
             echo "<li><a href='" . $row['courses'] ."'>" . $row['courses'] . "</a></li>";  //option
  }  
?> 
</ul>  

答案 1 :(得分:0)

您的第一个代码段是选择归档到表单中,

您的第二个片段是一个下拉菜单,您可以在其中将用户重定向到每个项目的不同页面

<ul class="dropdown-menu scrollable-menu">
 <option value="course">Select Course</option>
  <?php
   $sql = mysqli_query($conn,"call courses_dropdown()");
   while($row = mysqli_fetch_array($sql))
   {   
       echo "<li><a href='" . $row['XXXXXX'] ."'>'" . $row['courses'] ."'</a></li>";
    }
    ?> 
</ul>  

您必须将XXXXX替换为数据库中的列名,其中您具有要重定向用户的页面名称

答案 2 :(得分:0)

  <ul class="dropdown-menu scrollable-menu">

   <?php  
    $sql = mysqli_query($conn,"call courses_dropdown()");
    while($row = mysqli_fetch_array($sql)){   
         echo "<li><a href='" . $row['courses'] ."'>" . $row['courses'] . "</a></li>";
   }?> 
 </ul>