Question

平。我想邀请一些用户。当我在<input type="email">上输入并单击按钮添加电子邮件时。我输入的电子邮件是＆＃39;移动＆＃39;到另一个元素。我就是这样做的

HTML：

<input type="email" name="invite_people" placeholder="Invite someone">
  <a href="#!" class="add_people">Add People</a>
  <select name="people_invited">
    <option value=""></option>
  </select>

Jquery的：

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

它只是成功。我在<input type="email">上输入的电子邮件只是移到<option value=""></option>内，但当我再次在<input type="email">上输入时，<option value=""></option>内的电子邮件被替换，而不是创建新<option value=""></option> }。当我从<option value=""></option>输入时，如何让<input type="email">始终创建新的？

Answer 1

而不是：

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

尝试：

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

Answer 2

使用append代替text。

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="email" name="invite_people" placeholder="Invite someone">
  <a href="#!" class="add_people">Add People</a>
  <select name="people_invited">
    <option value=""></option>
  </select>

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

2 个答案: