时间戳

首页 > 解决方案 > 我可以使用 JS 函数在网页上调用 HTML 网格吗？

javascript - 我可以使用 JS 函数在网页上调用 HTML 网格吗？

问题描述

因此，我正在为一种 CRM 创建某种演示，而不是创建 5 个单独的页面，我想创建一个页面，并且当用户从下拉菜单中选择 4 个选项之一时。

我认为让该选择（1-4）调用一个 JS 函数会更简单，该函数然后显示 x4 列 x2 行网格 - 根据所选选项，将显示不同的网格。

因此，如果选择了选项 1 并单击了“开始”按钮，则网格 1 将显示在初始选项下方。如果选择了选择 2，则在单击“开始”按钮后将显示网格 2，依此类推。

有可能做这样的事情吗？我以前没有见过它，到目前为止，除了在 HTML 中使用 JavaScript 之外，没有任何谷歌搜索显示给我任何东西。

任何信息，将不胜感激。

编辑：我被要求在问题中添加代码，但老实说，我不知道这是否可能或者我将如何开始它。我只有一些可能有帮助的伪代码：

user selects option 1-4 from dropdown input box in HTML and clicks 'enter' button
       if user selects option 1
          display html grid 1 underneath original HTML code for input and 
          submission
      
       else if user selects option 2
          display html grid 2 underneath original HTML code for input and 
          submission
 
        else if user selects option 3
          display html grid 3 underneath original HTML code for input and 
          submission 

        else if user selects option 4
          display html grid 4 underneath original HTML code for input and 
          submission

标签： javascripthtml

解决方案

是的，为此您可以使用 创建 HTML 元素document.[createElement](<typeOfElement>)，使用 应用属性，<element>.[setattribute]('<attribute>', '<valueOfTheAttribute>)然后使用 将其附加到现有元素<element>.[appendChild](<child>)。

您也可以直接使用<element>.innerHTML或<element>.outerHTML修改 DOM，而无需创建元素并附加它。

推荐阅读