多选select!

<script>
function $(e){return document.getElementById(e);}
function PutRightOneClk(str) {
    if($(str+"0").options.selectedIndex == -1){return false;}
    while($(str+"0").options.selectedIndex > -1){
        var id = $(str+"0").options.selectedIndex
        var varitem = new Option($(str+"0").options[id].text,$(str+"0").options[id].value);
        $(str+"1").options.add(varitem);
        $(str+"0").options.remove(id);
    }
}
function PutRightAllClk(str) {
    if($(str+"0").options.length == 0){return false;}
    for(var i=0;i<$(str+"0").options.length;i++){
        var varitem = new Option($(str+"0").options[i].text,$(str+"0").options[i].value);
        $(str+"1").options.add(varitem);
    }
    $(str+"0").options.length = 0;
}
function PutLeftOneClk(str) {
    if($(str+"1").options.selectedIndex == -1){return false;}
    while($(str+"1").options.selectedIndex > -1){
        var id = $(str+"1").options.selectedIndex
        var varitem = new Option($(str+"1").options[id].text,$(str+"1").options[id].value);
        $(str+"0").options.add(varitem);
        $(str+"1").options.remove(id);
    }
}
function PutLeftAllClk(str) {
    if($(str+"1").options.length == 0){return false;}
    for(var i=0;i<$(str+"1").options.length;i++){
        var varitem = new Option($(str+"1").options[i].text,$(str+"1").options[i].value);
        $(str+"0").options.add(varitem);
    }
    $(str+"1").options.length = 0;
}
</script>
<div style="float:left;">
<select size="10" id="PtNbrs0" class="input" style="width:300px;height:200px;" multiple="multiple" ondblclick="PutRightOneClk('PtNbrs')">
<option>Test01</option>
<option>Test02</option>
<option>Test03</option>
</select>
</div>
<div style="float:left;padding:0 10 0 10;">
<input type="button" value="->" id="PutRightOne" class="btnGray" onclick="PutRightOneClk('PtNbrs')" /><br /><br />
<input type="button" value="->>" id="PutRightAll" class="btnGray" onclick="PutRightAllClk('PtNbrs')" /><br /><br />
<input type="button" value="<-" id="PutLeftOne" class="btnGray" onclick="PutLeftOneClk('PtNbrs')" /><br /><br />
<input type="button" value="<<-" id="PutLeftAll" class="btnGray" onclick="PutLeftAllClk('PtNbrs')" />
</div>
<div>
<select size="10" id="PtNbrs1" class="input" style="width:300px;height:200px;" multiple="multiple" ondblclick="PutLeftOneClk('PtNbrs')">
<option>Test11</option>
<option>Test12</option>
<option>Test13</option>
</select>
</div>
<div style="float:left;">
<select size="10" id="Paras0" class="input" style="width:300px;height:200px;" multiple="multiple" ondblclick="PutRightOneClk('Paras')">
<option>Test01</option>
<option>Test02</option>
<option>Test03</option>
</select>
</div>
<div style="float:left;padding:0 10 0 10;">
<input type="button" value="->" id="PutRightOne" class="btnGray" onclick="PutRightOneClk('Paras')" /><br /><br />
<input type="button" value="->>" id="PutRightAll" class="btnGray" onclick="PutRightAllClk('Paras')" /><br /><br />
<input type="button" value="<-" id="PutLeftOne" class="btnGray" onclick="PutLeftOneClk('Paras')" /><br /><br />
<input type="button" value="<<-" id="PutLeftAll" class="btnGray" onclick="PutLeftAllClk('Paras')" />
</div>
<div>
<select size="10" id="Paras1" class="input" style="width:300px;height:200px;" multiple="multiple" ondblclick="PutLeftOneClk('Paras')">
<option>Test11</option>
<option>Test12</option>
<option>Test13</option>
</select>
</div>