动态自动填充文件夹中包含文件名的下拉菜单

时间:2017-03-14 11:40:14

标签: javascript php jquery html ajax

我的本​​地服务器中有一个文件夹里面有文件,我想要一个下拉菜单,可以显示具有正确扩展名(php)的文件的名称。我想我写了正确的PHP代码,但我不知道如何正确调用它。我希望下拉菜单获取文件名的文件夹位于/ dashboard / scenario

这是我的HTML

<script type="text/php">

  $file_matcher = realpath(dirname(__FILE__)) . '/../scenario/       
  *.{pentestrc}';

  foreach( glob($file_matcher, GLOB_BRACE) as $file ) {
  $file_name = basename($file);
  $select .= "<option value='$file'>$file_name</option>\n";
  }

  </script>

  <script type="text/javascript">
  function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
   }
  window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {

  var dropdowns = document.getElementsByClassName("dropdown-content");
  var i;
  for (i = 0; i < dropdowns.length; i++) {
  var openDropdown = dropdowns[i];
  if (openDropdown.classList.contains('show')) {
    openDropdown.classList.remove('show');
  }
  }
  }
  }

  </script>


  <div class="dropdown">
  <button style="margin-left: 43em;" onclick="myFunction()" 
  class="dropbtn">Dropdown</button>
  <div style="margin-left: 43em;"id="myDropdown" class="dropdown-
  content">
  <a href="<?= $select ?>">
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
  </div>
  </div>

0 个答案:

没有答案