将一个新元素永久添加到一个SELECT框中

Question

我有一个SELECT框，该框通过使用php调用mySQL数据库来填充。这部分目前正在工作，因此无视创建此示例中的拼写错误。

<select name = "animal" id="animal" size="1"> 
<?php 
    $sql = "SELECT * from animals"; 
    $result = mysqli_query ($db, $sql); 

    while ($row = mysqli_fetch_assoc($result)) { 
    ?> 
     <option value="<?= $row['id'] ?>"> <?= $row['animal'] ?> </option> 
<?php 
    } 
?> 
</select> 

该id是该选项的主键，并未显示（这是所需的）。如果当前的选项是（括号内的数字是这些元素的主键，未显示给用户）：

（1）狮子
（2）老虎

我怎样才能让这个在例如，用户可以将熊添加到列表中，并将其显示在此表单的所有未来用途上？对于奖励积分，这个特定的元素会在页面上重复多次，因此如果熊被添加到第一行，第二行将被更新为包含熊，这将是很好的。

实际的表格非常简单：id和animal，不需要填写其他字段。

桌子上的选项是php，javascript，jquery和AJAX调用。