將一個新元素永久添加到一個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調用。