使用目录内容创建下拉列表

Question

我有以下脚本加载json编辑器。应加载的json文件的路径存储在名为$ filePath的php var中。这很好用，但是我没有加载预先确定的json文件，而是希望有一个用户可以选择的指定目录（$ dirPath）中所有文件的下拉列表。任何帮助将不胜感激。

<?php global $filePath, $dirPath; ?>
<script>

    // create the editor
    var container = document.getElementById('jsoneditor');
    var options = {
    mode: 'view', 
     modes: ['code', 'text', 'view'], // allowed modes
     onError: function (err) {
         alert(err.toString());
     },
     onModeChange: function (newMode, oldMode) {
         console.log('Mode switched from', oldMode, 'to', newMode);
     }
    };
    var editor = new JSONEditor(container, options);
    // set json
    document.getElementById('setJSON').onclick = function () { 
        var json = null;
        $.ajax({
            'async': false,
             'global': false,
             'url': "<?php echo $filePath; ?>", 
             'dataType': "json",
             'success': 
             function (data) { json = data; } 
            });
        editor.set(json);
    };

</script>