copy innerHTML from one dropdownbox to another

Question

I have 2 dropdownboxes.

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

Then I wanna copy contents from SerK1 to SerK2

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

This prints out the expected result : 123

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

However, for this one, it somehow removes the and came up with only 123 in the pop up alert screen.

Any ideas how to fix this?

Cheers

Possible duplicate of: http://stackoverflow.com/questions/595808/is-it-possible-to-append-to-innerhtml-without-destroying-descendants-onclick-fu — vee, Jul 20 '13 at 05:48

score 0 · Accepted Answer · edited Jul 20 '13 at 05:58

0

You can easily do this with jquery Try this

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

edited Jul 20 '13 at 05:58

Ishan Jain

answered Jul 20 '13 at 05:51

nrsharma

well i was not going to do this with jquery. But anyway, thx. – user2491757 Jul 20 '13 at 06:13
if you don't want to use jquey then you can do it with document.getElementById('SerK2').innerHTML = document.getElementById('SerK1').innerHTML; – nrsharma Jul 20 '13 at 06:27

Nithesh Narayanan · Answer 2 · 2013-07-20T06:03:10.327

0

Try this

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

edited Jul 20 '13 at 06:03

answered Jul 20 '13 at 05:53

Nithesh Narayanan

score 0 · Answer 3 · answered Jul 20 '13 at 05:56

0

Please try this --

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

answered Jul 20 '13 at 05:56

Ishan Jain

3 Answers3