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元素，那么它们应该彼此相邻（内联块）。如果下面的HTML不适用于您（按钮不在选择旁边），请尝试将float: left;添加到select和button。

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

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>

<select>没有填充，按钮内嵌</select>

1 个答案: