HI

I have two selct lists

<select name="s1" id="s1">

  <option value="1">sample 1</optopn>
  <option value="2">sample 2</optopn>

</select>

<select name="s2" id="s2">

  <option value="3">sample 3</optopn>
  <option value="4">sample 4</optopn>

</select>

and a button

<input name="button"  type="image"  src="looseSub.gif" onclick="looseSubSection(); return false;">

I want my js function looseSubSection() to remove selected option from s1 and place in s2 and show that change on the page

I have been messing createElement but have had not joy. I've now read that createElement is not used in IE... I've been at this a couple of hours now and so thought some one could set me straight how to do.

Mych appreciated

steve

numbenator, try this function:

 
function looseSubSection(select1, select2) {
  var element = select1.options[select1.selectedIndex];
  select2.insertBefore(element, select2.firstChild);
  select2.selectedIndex = 0; 
}

And function call:

<input type="button" onclick="looseSubSection(document.getElementById('s1'), document.getElementById('s2'));">