当按钮按下或设置为true时，从JSON动态创建表单

Create a form dynamically from JSON when a button pressed or set visible to true?

本文关键字：JSON 动态 表单 创建 true 按钮 设置      更新时间：2023-09-26

为标题道歉，我不知道如何一下子概括我的悲伤。

我有一个简单的问题，但不知道如何解决或实现。

我正在创建一个web测试套件，有一个下拉菜单，向用户提供可用的选项。这些选项中的每一个都是对特定模板/表单的引用。

解释:

选择选项:ABC/DEF/GHI.

选择ABC将为用户生成一个已经填充了数据的表单，然后他们可以提交这个表单来运行测试，或者修改数据，然后提交。

选择DEF或GHI将生成类似的格式，但形式不同，这些将具有不同的值等。

我想不出最好的路线，我不需要太多的复杂性，但我也在寻找优雅，矛盾吗?

我认为最简单的解决方案是有所有的形式已经填充和页面上，但隐藏与css，然后我可以使用jquery使表单再次可见，或者一些组合，也许我有一个毯子div隐藏它，然后设置z索引的一个我想要可见，不确定，但听起来不太漂亮。

另一种选择将需要更多的努力，但将涉及动态创建表单，然后在按钮被按下时显示它，可能来自json对象。

有什么想法/建议/建议吗?

它们具有相同的结构。

它们有不同的值

它们有相同的action吗?

  • 如果是，则使用一个表单，并在选择更改时更改值。
  • 如果没有，那么由您决定，但处理一种形式要容易得多。

DEF/GHI值经常变化还是固定值?

  • 如果是他们经常改变值，然后得到用$.getJSON替换selection change上的值，用正确的信息填充form，但不要保留这些信息，因为它们总是变化的。
  • 如果没有，意味着它们是固定值，然后在页面加载时获得$.getJSON的信息(或者如果以前的答案是没有。在页面加载时(以三种形式之一存储信息)并将其存储在一个变量中。(如果之前的答案是是)当selection change发生时，只需从变量中获取信息。

如果我理解你的话，你需要这样的东西吗(给我们一个例子):

下拉选项:

<ul class="dropdown-menu">
    <li>
      <a class="ajax-link" template="my_template_form1" href="#">
        access form1
      </a>
    </li>
    <li>
      <a class="ajax-link" template="my_template_form2" href="#">
        access form2
      </a>
    </li>
</ul>

加载表单模板而不重载submit:

$('a.ajax-link').click(function (e){
    $("#divMain").load($(this).attr('template'));
});
相关文章：