<select multiple="multiple" id="selA" size=10 >
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select><select multiple="multiple" id="selB" size=10 >
</select>
<br/>
<input type="button" value="->" id="Button1" onclick="moveIn($('selA'),$('selB'),1)"/><br/>
<input type="button" value="<-"id="Button2" onclick="moveIn($('selA'),$('selB'),0)" /><script>
 function $(id){return document.getElementById(id);}
 function moveIn(objfrm,objto,flag)
 {
    var bflg;
    if(flag>0)
    {
        outer:for(var i=0;i<objfrm.options.length;i++)
        {
            bflg = false;
            if(objfrm.options[i].selected)
            {
                for(var j=0;j<objto.length;j++)
                {
                    if(objto.options[j].value==objfrm.options[i].value)
                        bflg = true;;
                }
                if(!bflg)
                {
                    objto.add(new Option(objfrm.options[i].text,objfrm.options[i].value));
                }
                objfrm.options[i].selected = false;
            }
        }
    }else
    {
        var len = objto.options.length;
        for(var i=0;i<objto.options.length;i++)
        {
            if(objto.options[i].selected)
            {
                objto.remove(i);
                --len;
                --i;
            }
        }
    }
    
}</script>

解决方案 »

  1.   

    <select multiple="multiple" id="selA" size=10 >
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    </select><select multiple="multiple" id="selB" size=10 >
    </select>
    <br/>
    <input type="button" value="->" id="Button1" onclick="moveIn($('selA'),$('selB'),1)"/><br/>
    <input type="button" value="<-"id="Button2" onclick="moveIn($('selA'),$('selB'),0)" /><script>
     function $(id){return document.getElementById(id);}
     function moveIn(objfrm,objto,flag)
     {
        var bflg;
        if(flag>0)
        {
            outer:for(var i=0;i<objfrm.options.length;i++)
            {
                bflg = false;
                if(objfrm.options[i].selected)
                {
                    for(var j=0;j<objto.length;j++)
                    {
                        if(objto.options[j].value==objfrm.options[i].value)
                            bflg = true;;
                    }
                    if(!bflg)
                    {
                        objto.add(new Option(objfrm.options[i].text,objfrm.options[i].value));
                    }
                    objfrm.options[i].selected = false;
                }
            }
        }else
        {
            var len = objto.options.length;
            for(var i=0;i<objto.options.length;i++)
            {
                if(objto.options[i].selected)
                {
                    objto.remove(i);
                    --len;
                    --i;
                }
            }
        }
        
    }</script>
      

  2.   

    http://blog.csdn.net/sy_binbin/archive/2008/11/26/3382288.aspx你看看这个吧!这个就是你想要的主要代码