javascript - 链选择选项 - 对于简单的软件下载表格 - HTML

Question

我正在寻找创建一个链选择表格，以便创建一个下载部分来下载我们销售的产品的各种软件/文档。

我创建了一个我想要实现的基本目标的模型：

如果有人能指出我可以从中工作的类似示例或模板的正确方向，那就太好了。

非常感谢

Answer 1

根据我的经验，您可以通过以下方式（浏览器端）进行操作：

1. 使用 jQuery。
2. 为每个列表创建 javascript JSON 数据容器：
   • 对于列表 1：每个项目/对象都应该有 id 和 name
   • 对于列表 2：每个项目/对象都应该有 id、name 和 master id（引用在上一个列表中选择的项目）
   • 对于列表 3：每个项目/对象都应该有 id、name、master id 和将在下面显示的文本
3. 然后在列表 1 上使用 onselect 来：
   • 迭代地读取列表 2 的数据容器
   • 并从列表 1 中选择具有所选元素的正确主 ID 的项目
   • 然后你用值和 id-s 更新你的 DOM 元素
4. 当为列表 3 选择列表 2 上的项目时，您执行相同操作
5. 当您选择项目清单 3 时：
   • 从 JSON 数据存储中为列表 3 选择适当的项目并在下面显示相关文本。