Jquery-输入值后连续添加元素

嗨。我想邀请一些用户。当我输入

并单击按钮添加电子邮件时。我输入的电子邮件是“移动”到另一个元素。我就是这样做的

HTML:

这就是成功。我在

上输入的电子邮件只移动到内部

，但当我在

上再次输入时，内部

的电子邮件将被替换，而不是创建新的

。当我从

输入时，如何使

始终创建新的代码？

而不是：

 $("select[name='people_invited'] option").text(orang_yg_diinvite);

尝试：

$（“选择[name='people'u invested']）。附加（“”+orange'u yg'u diinvite+“”）；

使用

附加

而不是

文本

$（“.add_people”）。单击（函数（）{
var orang_yg_diinvite=$（“输入[name='invite_people']”）val（）；
$（“选择[name='people'u invested']）。附加（''+orange'u yg'u diinvite+''）；
});


$(".add_people").click(function () {
  var orang_yg_diinvite = $("input[name='invite_people']").val();
  $("select[name='people_invited'] option").text(orang_yg_diinvite);
});

 $("select[name='people_invited'] option").text(orang_yg_diinvite);

$("select[name='people_invited']").append('<option>'+orang_yg_diinvite+'</option>');