Question

我有一个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>

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

我正在使用的javascript是一个if语句，带有show和隐藏来自不同的选择。

用户需要输入类别名称并将其添加到相关的选择中。

目前我不确定如何将此新增subcat4添加到数据库和html中。

任何帮助将不胜感激。

Answer 1

首次加载页面时，可以使用存储在数据库中的值构造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 append或appendChild（）。

Answer 2

使用jquery，您可以执行此代码以在选择元素中附加新子项。

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

如何为网站添加其他选项

2 个答案: