链选择选项 - 用于简单软件下载表单 - HTML

时间:2013-09-28 14:03:33

标签: javascript jquery html forms dom

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

我已经创建了一个我想要实现的基本功能的模型:

http://i.stack.imgur.com/K5irM.png

如果有人能指出正确的方向,可能是一个类似的例子或模板,我可以从中做到这一点很棒。

非常感谢

1 个答案:

答案 0 :(得分:0)

根据我的经验,您可以通过以下方式(浏览器端)执行此操作:

  1. 使用jQuery。
  2. 为每个列表创建javascript JSON数据容器:
    • 代表清单1:每个项目/对象应具有ID和名称
    • 对于列表2:每个项目/对象应具有id,name和master id(引用上一个列表中选择的项目)
    • 对于列表3:每个项目/对象应具有id,name,master id和将在下面显示的文本
  3. 然后使用列表1上的onselect来:
    • 迭代读取您的数据容器以获取列表2
    • 并从列表1
    • 中选择具有所选元素的正确主ID的项目
    • 然后使用值和id-s
    • 更新DOM元素
  4. 当为列表3选择列表2上的项目
  5. 时,您也会这样做
  6. 当您选择项目列表3时:
    • 从JSON数据存储区中为列表3和选择正确的项目 在下面显示相关文字。