将innerHTML从一个下拉框复制到另一个下拉框

Question

我有2个下拉框。

<select id='SerK1'><option values="123">123</option></select>
<select id='SerK2'></select>

然后我想将内容从SerK1复制到SerK2

document.getElementById('SerK2').innerHTML+=document.getElementById('SerK1').innerHTML;
alert(document.getElementById('SerK1').innerHTML);

这会打印出预期的结果：123

alert(document.getElementById('SerK2').innerHTML);

然而，对于这个，它以某种方式删除了并提出了 弹出警报屏幕中只有123个。

任何想法如何解决这个问题？

干杯

Answer 1

您可以使用jquery轻松完成此操作 试试这个

$('#SerK2').html($('#SerK1').html());

Try This Fiddle

Answer 2

试试这个

document.getElementById('SerK2').innerHTML = document.getElementById('SerK1').innerHTML;

JSFiddle

Answer 3

请试试这个 -

   $(document).ready(function(){
     document.getElementById('SerK2').innerHTML = document.getElementById('SerK1').innerHTML
   });

Try