ListBox控件实现选项的上移、下移、左移、右移

< HTML >
< HEAD >
< TITLE > 选择下拉菜单 </ TITLE >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< META  NAME ="Description"  CONTENT ="Power by hill" >
</ HEAD >
< BODY >
< p > 选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选)，或在选择项上双击进行添加和移除。 </ p >
< form  method ="post"  name ="myform" >
< table  border ="0"  width ="300" >
< tr >
< td  width ="40%" >
< select  style ="WIDTH:100%"  multiple name ="list1"  size ="12"  ondblclick ="moveOption(document.myform.list1, document.myform.list2)" >
< option  value ="北京" > 北京 </ option >
< option  value ="上海" > 上海 </ option >
< option  value ="山东" > 山东 </ option >
< option  value ="安徽" > 安徽 </ option >
< option  value ="重庆" > 重庆 </ option >
< option  value ="福建" > 福建 </ option >
< option  value ="甘肃" > 甘肃 </ option >
< option  value ="广东" > 广东 </ option >
< option  value ="广西" > 广西 </ option >
< option  value ="贵州" > 贵州 </ option >