Php 调试下拉菜单并在同一页面上显示用户表单输入

各位早上好：

如果有人能给我一些关于我正在开发的基于网络的文件规划系统的建议，我将不胜感激。我在一家政府机构的一个部门工作，负责记录管理。我们与机构内的其他各部门合作，帮助他们制定文件计划，使他们遵守有关记录保留的联邦法律法规。我们目前正在使用每个部门下载的Access数据库，输入各种文件夹的名称，然后分配某些其他特征。我的部门希望从Access平台转移到适当的基于web的应用程序。我有在MySQL、SQL Server等中构建SQL db以进行分析的广泛背景。而且，在过去的几年里，我偶尔使用PHP，所以我不是一个真正的傻瓜，但我也不是一个专家，所以我可以使用一些帮助来解决一些代码故障

下面是该系统需要如何工作的概述。用户将在文本框中输入文件夹名称，然后通过从一系列下拉框中进行选择，为文件夹指定其他特征。它们是：

介质类型：纸张、dvd/cd、软盘、其他 分类类型：未分类、机密、机密、绝密 处置：与子系列相同

最后三个很简单。我成功地编写了while和mysql_fetch_数组，从数据库中的表中检索它们，并显示为下拉选择

现在是第一个棘手的部分。用户必须指定组、文件系列和子文件系列，其中组是最高级别，文件系列是下一级别，子文件系列是最精细的。这看起来像是组100管理文件-->文件系列101人员文件-->子文件系列101-01主管审核文件。在子文件系列表中，有715个选项。当前的Access db要求用户点击所有715个排列以查找相关的子文件系列，这是Access db最大的抱怨。因此，为了帮助新系统中的用户，我想使用一系列相关的下拉菜单，以便用户可以从最高级别开始进行选择，然后在中间级别仅填充该组的文件系列，然后在底部级别填充仅与上一个文件系列选择关联的子文件系列。我也能让它工作

但我有两个问题。我需要能够显示用户的选择在同一页上非常像一个购物车，用户可以编辑或删除文件夹名称和基本的选择。我的index.php脚本中有一个include语句，它打算这样做，但不起作用。当用户单击submit时，它会在一个新页面中显示用户输入，我真的需要它显示在与表单相同的页面上……最好显示在表单的右侧。我的第二个问题是，当用户单击“提交”，浏览器转到新页面以显示用户输入时，它会正确显示除子文件系列之外的所有用户输入/选择。它不显示子文件系列，只显示中级选项的副本：文件系列。下面是它应该是什么样子

文件名：Folder1 媒体类型：dvd/cd 分类类别：绝密 处置类型：与子系列相同 组名：100个管理文件 档案系列：101份人事档案 子文件系列：101-01主管审核文件

这是有缺陷的输出

文件名：Folder1 媒体类型：dvd/cd 分类类别：绝密 处置类型：与子系列相同 组别名称：100 档案系列：101 子文件系列：101

这是我的密码。请原谅任何小的印刷错误。我必须手动转录这段代码，因为它在不同的服务器上。如果有小错误，它们可能不会导致我需要修复的问题。谢谢大家给我的建议。我知道我的代码在这个网站上的老开发人员看来可能有点破烂和业余，所以请对我温柔一些。：）

index.php
文件条目
身体{
字体系列：arial；
颜色：#010DF；
}
表格选择{
填充物：5px；
边框：1px实心：#aaa；
边界半径：4px；
宽度：400px；
}
表格标签{
字体大小：12px；
字体大小：粗体；
}
$（文档）.ready（函数（）{
加载选项（“组”）；
});
函数加载选项（id、索引）{
$（“#加载”）.show（）；
如果（索引==“文件系列”）{
$（“#SubFileSeries”）.html（'Select SubFileSeries'）；
}
$.ajax({
url:“ajax.php？index=+index+”&id=“+id，
完成：函数（）{$（“#加载”）.hide（）：}，
成功：功能（数据）{
$（“#”+索引）.html（数据）；
}
})
}
文件夹名称：

选择媒体类型

选择媒体类型

选择媒体类型

选择组

选择组

选择文件系列

选择文件系列

选择子文件系列

选择组

输入type=“submit”id=“sendtoarray”value=“提交并输入另一个文件夹/>

ajax.php
如果您不想在新页面上显示数据，可以使用一个输入框作为按钮，并调用javascript函数在下拉列表右侧的div中显示数据

<input type="button" value="Submit" onclick="yourFunction()">



使用类型为“提交”的输入框时，默认情况下会呈现新页面。
要让javascript函数在右侧显示数据，它将如下所示：

function yourFunction() { 
  //#tableWrapper is the id of the div that you insert the table with the data into
  var displayData = document.getElementById("tableWrapper");
  displayData.innerHTML = "<table><tr><td>...."; //Put the data here
}

function yourFunction（）{
//#tableWrapper是插入包含数据的表的div的id
var displayData=document.getElementById（“tableWrapper”）；
displayData.innerHTML=“…”；
function yourFunction() { 
  //#tableWrapper is the id of the div that you insert the table with the data into
  var displayData = document.getElementById("tableWrapper");
  displayData.innerHTML = "<table><tr><td>...."; //Put the data here
}