Question

我希望在这里提出另一个问题，因为在这个帖子上回答了主要问题：

虽然它的延续了。

我正在尝试使用javascript和onChange（）函数滚动文件，然后在表单上的文本输入和文本区域字段中显示它们但是我将不胜感激任何帮助解决我的javascript。现在我可以将文件拉到下拉菜单中，但是当我从下拉菜单中选择一个时，表单上没有任何反应或填充。

已修改以进行更新所有错误似乎都已解决，但从下拉菜单中选择文件时，没有任何内容会移动到文本框中。

使用Javascript：

 <script>

function CodeChange() {
        var filesContentJS = "$filesContents"                            
        var index = filesContentJS.selectedIndex;
        var e = document.getElementById("CodeList");
        var strUser = e.options[e.selectedIndex].value;
            strUser = "0";
            integer document.getElementById("CodeId").value = 0;
            document.getElementById("CodeName").value = "";
            document.getElementById("CodeValue").value = "";
        }
</script>

更新了javascript

表单html和php本身供参考：

<input type="hidden" name="Action" value="EDIT" /><input type="hidden" name="Selection"  id="Selection" value="-1"><div>Below is the list of your saved codes. To edit your codes, select it from the list.</div>
<select size="1" name="CodeList" id="CodeList" onchange="CodeChange();"><option value="0">(Add New Code)</option>
<?php 
   $directory = $directory = 'users/' . $_SESSION['username'];
   $filesContents = Array();
   $files = scandir( $directory ) ;

   foreach( $files as $file )
 {
   if ( ! is_dir( $file ) )
 {
   $filesContents[$file] = file_get_contents($directory , $file);

  echo "<option>" . $file . "</option>";
 }
}
?>
</select>
    <h3>Saved Codes</h3>
    <form method="post" action="/evo/avsaveprocess.php">

     <input type="hidden" name="Action" value="SAVE" />
     <input type="hidden" name="CodeId" id="CodeId" value="0" />
     <table width="100%" border="0">
         <tr>
         <td>Description:</td>
         <td><input type="text" name="CodeDescription" size="40" maxlength="50" id="CodeName" value="" /></td>
          </tr>
          <tr>
          <td valign="top">Code:</td>
          <td>
            <textarea rows="10" style="width:99%" name="Code" id="CodeValue"></textarea>
               </td>
                </tr>
            </table>
            <input type="submit" value="Save" />
            </form>

Answer 1

尝试

var e = document.getElementById("CodeList");
var strUser = e.options[e.selectedIndex].value;

Answer 2

您的PHP数组仍然是一个数组。你必须将它转换为JS。所以，在你完成所有$filesContents[$file] = file_get_contents($directory , $file);后，你需要JS：

<script>
var filesContentJS = <?=json_encode($filesContents) ?>;
function CodeChange() {
var e = document.getElementById("CodeList"); // getting dropdown element
if (e.selectedIndex<=0) { // nothing selected - clean form
    document.getElementById("CodeId").value = 0;
    document.getElementById("CodeName").value = "";
    document.getElementById("CodeValue").value = "";
} else {
    var eStr = e.options[e.selectedIndex].value; // getting current element value
    // fill the form with data
    document.getElementById("CodeId").value = 0;// not sure what CodeId is - but this is the place to fill it
    document.getElementById("CodeName").value = eStr;
    document.getElementById("CodeValue").value = filesContentJS[eStr];
}
</script>

显示文本字段中下拉列表的结果

2 个答案: