PHP:动态下拉级联选择目录，然后选择文件夹 - PHP: Dynamic dropdown cascade to select directory and then folder

PHP: Dynamic dropdown cascade to select directory and then folder

我以前只使用过PHP和MySQL，我发现自己在没有数据库的情况下如何工作!我真的很感激你的帮助。

我想创建两个动态下拉列表。第一个用于选择目录，第二个用于选择所选目录中的文件。

这是我目前用来选择目录的代码，但是我不知道下一步该怎么做。

这个函数的作用是调出目录。我想把选定的目录传递给下一个下拉列表，并让下一个下拉列表显示选定目录下的文件列表。

<select name="Dirs">
<option value="" selected="selected">Lab</option>
<?php
$dirs = glob("/var/www/html/blast/labs/*", GLOB_ONLYDIR);
foreach($dirs as $val){
echo '<option value="'.basename($val).'">'.basename($val)."</option>'n";
}
?>
</select>

解决方案:

我使用这个脚本在主页上添加了两个下拉菜单:

<select id="Files" name="Files">
</select>
<script type="text/javascript">
$(function(){ 
  $("#Dirs").on('change', function(){
     var Dir = $(this).val();
 //Make an ajax call 
     $( "#Files" ).html( '<option>Loading...</option>' );
     $.get( "listfiles.php?Dirs=" + encodeURIComponent(Dir), function( data ) {
       //Update the files dropdown 
       $( "#Files" ).html( data ); 
     });
  });
});
</script>

创建了一个名为"listfiles.php"的文件，其中包含以下php脚本:

$folder = $_GET['Dirs'];
if(!file_exists($folder)) {
exit('File Not Found');
}
$out = '';
function only_files($file) { $idx = strlen($file) - 1;
return substr($file, $idx) != '/';
}
$files = array_filter(glob($folder . "/*", GLOB_MARK), 'only_files');
foreach($files as $val){
$out .= '<option value="'.$val.'">'.basename($val)."</option>'n";
}
//Output the file options
exit($out);

使用jQuery ajax填充文件下拉菜单，下面是一个示例

<select id="dirs" name="Dirs">
  <option value="" selected="selected">Lab</option>
  <?php
     $dirs = glob("/var/www/html/blast/labs/*", GLOB_ONLYDIR);
        foreach($dirs as $val){
           echo '<option value="'.$val.'">'.basename($val)."</option>'n";
        }
  ?>
</select>
<select id="files" name="mFiles">
</select>

您将需要一个文件来处理ajax调用，或者简单地将下面的代码放在文件的开头

ajax.php

<?php
 /* AJAX check  */
 if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) &&
    strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
    //Check for passed dir exist 
    $folder = $_GET['Dirs'];
    if(!file_exists($folder)) {
      exit('Folder Not Found');
    }
    $out = '';
    $files = array_filter(glob($folder.'/*'), 'is_file');
      foreach($files as $val){
          $out .= '<option value="'.$val.'">'.basename($val)."</option>'n";
      }
    //Output the file options
    exit($out);
 }

jQuery代码使ajax调用和更新文件选项

$(function(){ 
   $("#dirs").on('change', function(){
      var Dir = $(this).val();
      //Make an ajax call 
      $( "#files" ).html( '<option>Loading...</option>' );
      $.get( "ajax.php?Dirs=" + encodeURIComponent(Dir), function( data ) {
        //Update the files dropdown 
        $( "#files" ).html( data ); 
      });
   });
});

试试吧，我相信它会对你有帮助的