Question

修改

所以感谢大家到目前为止，你们都很棒。我发现即使我有思想我装载了所有正确的引导代码我显然没有......所以它现在看起来似乎都在工作！再次感谢你，非常感谢。它只是一个混乱的代码和缺乏适当的bootstrap启用的组合。

我试图查看，但没有找到任何解决此问题的方法。我正在使用Bootstrap作为下拉按钮，我试图填充从我的数据库下拉列表中的选项。数据库本身工作正常，我能够从数据库本身获取数据，但我似乎只是让选项出现/工作在实际按钮本身。

这是按钮代码。

      <div class="btn-group">
        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Select Weapon <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
        <?php 
          //Check if at least one row is found
            if($result->num_rows >0){
                //Loop through results
                while($row = $result->fetch_assoc()){
                  //Display customer info
                  $output ='<li>';
                  $output .='<li>'.$row['weapon_name'].'</li>';
                  $output .='</li>';

                  //Echo output
                  echo $output;
                  }
                }
            ?>
        </ul>
      </div>

以下链接指向上述代码所显示内容的图像。（我暂时无法发布直接图像。）Button image

有什么想法吗？先谢谢你了！

Answer 1

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
           <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
           <style type="text/css">
        
           </style>
           
           </head>
           <body>
           <div class="btn-group dropdown">
        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Select Weapon <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
        <li>Q</li>
      <li>N</li>
      <li>V</li>
      <li>A</li> 
      <li>O</li>
      </ul>
      </div>

           </body>
           </html>

试试这个---

只需删除这些$output ='<ul>'; $output .='</ul>';行。

<div class="btn-group">
        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Select Weapon <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
        <?php 
          //Check if at least one row is found
            if($result->num_rows >0){
                //Loop through results
                while($row = $result->fetch_assoc()){
                  //Display customer info
                 echo '<li>';
                 echo($row['weapon_name']);
                 echo'</li>';


                  //Echo output
                  echo $output;
                  }
                }
            ?>
        </ul>
      </div>

希望这有帮助！

Answer 2

我认为这可能会对您有所帮助：

while($row = $result->fetch_assoc()) {

//Display customer info
    $output = $row['weapon_name'];
    echo '<li>'.$output.'</li>';
    //Echo output in list

}

保留其他代码。

Answer 3

$ output =＆＃39;＆lt; li＆gt;＆＃39 ;; ////删除此行
                    $ output。=＆＃39;＆lt; li＆gt;＆＃39;。$ row [＆＃39; weapon_name＆＃39;]。＆＃39;＆lt; / li＆gt;＆＃39;;
                    $ output。=＆＃39;＆lt; / li＆gt;＆＃39 ;; //也删除这一行                     //回声输出
                    echo $ output;

希望它能奏效。

Answer 4

利用重新确认的引导代码，在清除我的css内容（次要内容）时，修复了按钮以正常工作并正确显示数据库。谢谢大家。

使用bootstrap下拉按钮，从数据库

4 个答案: