php - 不填充，按钮内联

Question

我正在使用 html、php 和 bootstrap 创建一些列表和按钮。我的第一个问题是我编写了一个脚本来填充“选择”下拉列表。它应该转到“sounds/”目录并使用 .wav 文件填充自身。“选择”正确显示，只是没有填充列表。我在目录中确实有 .wav 文件，并且我授予了目录本身的完全权限。所以不是这样。

我的另一个问题是如何在“选择”下拉菜单中放置一个按钮。我不想在下一行。

<!--CALL TAB-->
<div id="call">
  <div class="container">
  <div class="hero-unit">
      <h5>Call Functions -</h5>
      <h6>Test Paragraph</h6>

      <br>

      <h6> Select a Sound One -</h6>
      <div class="row">
        <div class="span2">
          <select id="sound1">
            <?php 
              foreach(glob('sounds/*.wav') as $filename){
              $rest = substr($filename, 7);    
              echo "<option>".$rest."</option>";
              }
            ?>
          </select>
        </div>
      </div>

      <br>

      <h6> Select a Sound Two -</h6>
      <div class="row">
        <div class="span2">
          <select id="sound2"> 
            <?php 
              foreach(glob('sounds/*.wav') as $filename){
              $rest = substr($filename, 7);    
              echo "<option>".$rest."</option>";
              }
            ?>
          </select>
        </div>
      </div>

      <br>

      <h6>Volume - </h6>
      <div id="slider-range-max">
      </div>
    <div class="row">
      <div class="span6">
        <br>
        <p><a class="btn btn-large btn-primary" href="index.html">Play <i class="icon-   play"></i></a> <a class="btn btn-large btn-danger" href="index.html">Pause <i class="icon-pause"></i></a>
      </div>
    </div>
  </div>

  <hr>

    <footer>
      <p>&copy; FOOTER</p>
    </footer>
  </div>
</div>

Answer 1

获取选择旁边的按钮很简单。如果您没有将selectorbutton设置为block元素，那么它们应该彼此相邻出现（内联块）。如果下面的 HTML 对您不起作用（按钮不在选择旁边），请尝试同时float: left;添加select和button.

对于您的glob()，您确定路径正确吗？执行此操作的 PHP 文件与sounds文件夹在哪里？你的目录结构是什么？

http://jsfiddle.net/3JQeZ/

<div class="row">
    <div class="span2">
        <select id="sound1">
            <option>1 option</option>
            <option>2</option>
            <option>3</option>
        </select>
        <button>Button</button>
    </div>
</div>