копия innerHTML с одного dropdownbox на другой

Question

У меня есть 2 dropdownboxes.

<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