php - <select> 未填充，按钮与 <select> 内联

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

获取选择旁边的按钮很简单。如果您没有将 select 或 button 样式设置为 block 元素，那么它们应该彼此相邻出现(内联 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>