javascript - 将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 您可以使用Try this轻松做到这一点

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

试试这个小提琴

Answer 2

试试这个

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

JSFiddle

Answer 3

请试试这个——

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

尝试