对标题表示歉意，我不知道如何一下子概括我的痛苦。
我有一个简单的问题，但无法决定解决方案或实现。
我正在创建一个网络测试套件，有一个下拉菜单向用户提供可用的选项。每个选项都是对特定模板/表单的引用。
解释一下:
选择选项:ABC/DEF/GHI。
选择 ABC 将为用户生成一个已填充数据的表单，然后他们可以提交此表单以对其运行测试或更改数据然后提交。
选择 DEF 或 GHI 将生成类似的格式但不同的形式，它们将具有不同的值等。
我想不出最好的路线，我不需要太多的复杂性，但我也在寻找优雅，矛盾？
我认为最简单的解决方案是所有表单都已填充并在页面上，但用 css 隐藏，然后我可以使用 jquery 使表单再次可见，或者某种组合，也许我有一个毯子 div 隐藏它然后设置我想要可见的 z 索引，不确定，但听起来不太漂亮。
替代方案需要更多的努力，但需要动态创建表单，然后在按下按钮时显示它(可能来自 json 对象)。
有什么想法/建议/忠告吗？
最佳答案
它们具有相同的结构。
他们有不同的值(value)观。
他们有相同的操作吗？
- 如果是，则使用一种表单，并在选择更改时更改值。
- 如果否，则由您决定，但处理一种表单要容易得多。
DEF/GHI 值经常变化还是固定值？
- 如果是他们经常更改值，则获取
使用
$.getJSON更改选择更改上的值，并使用正确的信息填充表单，但不要保留这些信息，因为它们总是会发生变化. - 如果否，意味着它们是固定值，则在页面加载时使用
$.getJSON获取信息(或者如果之前的答案是否 .. 在页面加载时以三种形式之一存储信息)并将其存储在变量中。 (如果之前的答案是是)当发生选择更改时，只需从变量中获取信息即可。
关于javascript - 当按下按钮或将可见设置为 true 时，从 JSON 动态创建表单？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32229672/