我如何创建一个 html 清单表单答案

【问题标题】：How do i create a html checklist form我如何创建一个 html 清单表单
【发布时间】：2015-12-20 18:53:26
【问题描述】：

我正在努力创建清单表单

我如何创建一个 html 清单表单

例如：-

下拉菜单，我可以从中选择供应商，

当我选择一个特定的供应商时，它应该加载供应商的数据：

'我们提前付款吗？'和一个“输入单选”按钮。当且仅当单击此按钮时，它才会加载更多选项：

option1:    - 'Is invoice more than than 100 dollars?' and a 'Input Radio' button.
If, and only if, this button is clicked it should load some more options:
    'Add special terms' followed by a 'Input(checkbox)'
    'Inform supplier' followed by a 'Input(checkbox)


option2:    - 'Special attention required?' and a 'Input Radio' button.
If, and only if, this button is clicked it should load some more options:
    'special terms applied' followed by a 'Input(checkbox)'
    'supplier contacted by phone' followed by a 'Input(checkbox)'
    'email sent to supplier' followed by a 'Input(checkbox)'

option3:    'Invoice created' followed by a 'Input(checkbox)'

在底部应该有一个“提交”按钮。当我点击它时，它应该检查所有复选框是否已被选中。

请帮忙...谢谢

【问题讨论】：

我们不会为您编写代码 - 我们会帮助您改进代码或发现代码中的缺陷。但在所有情况下，您都需要先做好自己的工作。

标签： javascript html forms

【解决方案1】：

执行此操作的一种直接方法是使用页面上的事件在事件发生时动态呈现内容。您可以使用本机文档侦听器或 JQuery 构建事件侦听器。使用 JQuery，您可以定义您的第一个下拉列表，它是一个供应商列表，带有标识符，例如 id="supplier"，并调用一个函数，该函数在供应商框上发生选择事件时发生，插入下一个控件，在页面上填充了适当的数据。

JQuery 文档在这里特别有用。不幸的是，这个问题非常广泛，答案将取决于您的页面结构，如果您使用的是客户端框架等，但在我看来，您正在寻找的是一种事件驱动的形式。我希望这能为您指明正确的方向。

【讨论】：