javascript - 如果要添加的元素预先存在于列表中，jQuery appendTo 会替换元素而不是添加它们

Question

<select id="name" >
    <option value="" selected="selected">Please select</option>
    <option value="Alex">Alex</option>
    <option value="Greg">Greg</option>
</select>

如果我们尝试向它附加一个选项，通过

$('<option>Hi</option>').appendTo($('#name'))

然后，正如预期的那样，该选项被添加到选择框中。但是，如果我们执行以下操作：

var a = $('#name option')[1];
$(a).appendTo($('#name'));

然后，该选项不会附加到选项中。相反，“亚历克斯”现在出现在最后。我的问题是最后应该附加另一个“Alex”选项，原来的“Alex”保留在它的位置

Answer 1

$('#name option')[1] 

选择元素。

当您选择一个元素时，您选择了它。哈哈..

它没有被复制。要获得所需的结果，您必须这样做

var a = $('#name option')[1];
$(a).clone().appendTo($('#name'));

Answer 2

尝试

               $('#name').appendChid(option element);

或尝试这样

            var container1 = document.getElementById('keylist');
            var new_element1 = document.createElement('OPTION');
            new_element1.text= m1[h1];
            container1.insertBefore(new_element1, container1.lastChild);