http://community.youkuaiyun.com/Expert/topic/3707/3707376.xml?temp=.3616754
<form name=form1>
<select id=list1 multiple size=8 ondblclick="moveOption(this, this.form.list2)">
<option value=A>aaaaaaaaaa
<option value=B>bbbbbbbbbb
<option value=C>cccccccccc
<option value=D>dddddddddd
<option value=E>eeeeeeeeee
<option value=F>ffffffffff
<option value=G>gggggggggg
<option value=H>hhhhhhhhhh
</select>
<input name=add type=button value=">>>" onclick="moveOption(this.form.list1, this.form.list2)">
<input name=sub type=button value="<<<" onclick="moveOption(this.form.list2, this.form.list1)">
<select id=list2 multiple size=8 ondblclick="moveOption(this, this.form.list1)">
</select>
</form>
<script language="JavaScript"><!--
function moveOption(e1, e2){
try{
var e = e1.options
for(i=e.length-1;i>=0;i--){
if(e[i].selected){
e2.options.add(new Option(e[i].text, e[i].value));
e1.options.remove(i);}}
} catch(e){}
}
//--></script>