Javascript 根据下拉菜单选择生成多个文本框

我想有一个下拉菜单，可以选择rgb或hsl或十六进制代码作为他们想要的特定颜色，还有一个提交按钮，一旦用户选择他们的选项并按下提交，rgb或hsl选项就会出现3个文本框，或一个十六进制代码文本框，允许他们输入正确的十六进制代码，使其与所需的颜色选项相关联。最后，这个任务将显示他们选择输入的颜色，但现在，我只想让下拉菜单和文本栏正常工作。我该怎么做呢？我一直在尝试为它编写代码，但我似乎无法得到它

---

要汇总==>请选择选项：| rgb、hsl、hex |==>用户图片一，然后单击提交。根据他选择rgb/hsl或hex，将显示3个输入文本框或1个框。在出现框的同时，还会出现另一个名为generate的按钮。因此，他们可以提交输入以显示颜色。

只需使用以下代码片段了解jQuery的逻辑和用法，然后请不要再发布类似的问题，尝试一下，然后再试一次，如果仍然无法获得，请粘贴代码并了解您的错误。 更有动力去做某事。祝你好运

---

发布您迄今为止尝试过的代码。至少要编写HTML以了解元素的显示方式，并将其添加到您的问题中。Fatih已经为您实现了一些东西，不过如果您是初学者，我建议您在不使用jQuery的情况下执行此类操作，以便更好地了解实际发生的事情。