Javascript 我可以使用JS函数调用网页上的HTML网格吗？

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

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

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

有可能这样做吗？我以前从未见过它，到目前为止，除了在HTML中使用js之外，没有任何谷歌搜索向我展示过任何东西

任何信息将不胜感激

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

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

---

是的，为此，您可以使用

文档创建HTML元素。[createElement]（）

，使用

[setattribute]（''）

应用这些属性，然后使用

[appendChild]（）

将其附加到现有元素

---

您还可以使用

.innerHTML

或

.outerHTML

直接修改DOM，而无需创建元素并附加它。

您应该在问题中添加代码。没有要添加的代码-我甚至不确定这是否可行，也不知道从何处开始。但我想伪代码可能会有所帮助？嗯，不太可能有人会在这里发布解决方案。你应该表现出你的努力，并表明你到底被困在哪里。把你的问题缩小到你无法解决的地方。您的问题离关闭只有一步之遥……然后答案是：是。@TomO。谢谢你，我会继续努力，希望这个周末会有一些实际的代码。