添加一个新选项以在单击“时选择”；其他"；在jQuery中

选择“其他”时，应显示输入框，其值将作为

添加新选项后，“Other”应该仍然在下拉列表中。如何做到这一点

<select class="form-control" id="category" name="category">
   <option>Notification</option>
   <option>Other</option>
</select>

通知
其他

输入框：

<input type="text" value="">

添加值“Alert”作为选项后，这应该是结构

<select class="form-control" id="category" name="category">
       <option>Notification</option>
       <option>Alert</option>
       <option>Other</option>
</select>

通知
警觉的
其他

这是我给你的解决方案。首先根据输入值更改选项的文本，然后使用文本“Other”添加新选项

$（文档）。在（'单击'，'添加'，函数（）上）{
如果（$（“#新选项”）.val（）！=”）
{
var val=$（“#新选项”）.val（）；
$（'#foo option:last'）.html（val）；
var opt=‘其他’；
$（'#foo'）。附加（可选）；
} 
});

通知
其他
添加选项
您编写了哪些代码来完成此任务？目前的问题更多的是“为我编写代码”的请求，可能会被否决和/或关闭