添加删除select中的option元素

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 无标题文档 </ title >

< script  language ="javascript"   > ...

function moveOpR()...{
    
     var os=document.getElementById("s");
    var os2=document.getElementById("s2");
     if(os.options.length>=1)...{
        var txt=os.options[os.options.selectedIndex].text;
        var val=os.options[os.options.selectedIndex].value;
        var op=new Option(txt,val,true,true);
        os2.options.add(op);
        os.remove(os.options.selectedIndex);
    }
}
function moveOpL()...{
    
     var os=document.getElementById("s");
     var os2=document.getElementById("s2");
     if(os2.options.length>=1)...{
        var txt=os2.options[os2.options.selectedIndex].text;
        var val=os2.options[os2.options.selectedIndex].value;
        var op=new Option(txt,val,true,true);
        os.options.add(op);//[os2.options.length]=op;
        os2.remove(os2.options.selectedIndex);
    }
    
}

</ script >
</ head >

< body  >

   < select  name ="s"  size ="4"  id ="s"   ondblclick ="moveOpR()"   >
   < option > 1 &nbsp; </ option >
< option > 2 &nbsp; </ option >
< option > 3 &nbsp; </ option >
< option > 4 &nbsp; </ option >
< option > 5 &nbsp; </ option >
< option > 6 &nbsp; </ option >
   </ select >
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
   < select  name ="s2"  size ="4"  id ="s2"  ondblclick ="moveOpL()" >
     < option > 7 &nbsp; </ option >
     < option > 8 &nbsp; </ option >
     < option > 9 &nbsp; </ option >
     < option > 10 &nbsp; </ option >
     < option > 11 &nbsp; </ option >
     < option > 12 &nbsp; </ option >
   </ select >

</ body >
</ html >