Javascript 如何向网站添加其他选项，以及

我有一个javascript，可以显示和隐藏html表单中的选项。我试图做的是让用户能够添加一个新类别，然后将其作为选项写入数据库，并将该主题添加到选项表单中

下面是一个html代码示例

<select id="team1" name="team1" style="display:none">
<option value="subcat1">subcat1</option>
<option value="subcat2">subcat2</option>
<option value="subcat3">subcat3</option>

子目录1
副2
次级T3

然后我希望他们能够通过网站添加另一个

subcat4

我使用的javascript是一个带有show的if语句，它隐藏在不同的select中

用户需要能够输入类别名称并将其添加到相关的select中

目前我不确定如何将新的

subcat4

添加并保存到数据库和html中

---

任何帮助都将不胜感激

使用jquery，您可以执行以下代码以在select元素中追加新的子元素

$('#team1').append('<option value="subcat4">subcat4</option>');

$（'#team1'）。追加（'subcat4'）；

首次加载页面时，使用数据库中存储的值构造select元素

然后，您可以有一个表单，用于发布已填写的信息并将子类别存储到数据库中。此表单可能包含select的标识符，以了解您在哪个select中分配新选项。它可能在一个隐藏的输入中

下面是这种形式的一个简单示例

<form method='post' action='/your/action/here' >
    <input type='hidden' name='main_category' value='team1' /> 
    Subcategory: <input type='text' name='subcategory' value='' />
    <input type='submit' name='submit_btn' value='submit' />
</form>

子类别：

---

您还可以通过使用ajax帖子（这应该是您的下一步，首先让它以简单的方式工作）来存储信息，然后使用javascript将该选项附加到您的选择中，而无需刷新页面。如果不使用jquery，请检查jquery或appendChild（）。

好的，谢谢，我会尽量避免使用jquery，因为我更喜欢使用append child（）文档进行jsim。getElementById（“类别”）。appendChild（newListItem）；但是我有3个选择，我希望他们能够选择，这样他们所在的部门，然后他们所在部门的类别中，我需要使用var和appendchild吗？仍在学习如何编码：）每个选择必须具有不同的id属性。您在这里使用此id来指定要在哪个元素中追加文档。getElementById（“此处为所需id”）是的，我知道，我可以执行多个get elementbyid，还是必须为每个类别执行3种不同的表单？感谢您的帮助：）您可以在表单中添加包含3个选项的select。这些选项将是您的3个不同的主要类别。