左右列表框内容选择控件

$("#right").click(function(){
            $("#selectB option:selected").attr("selected",false);
            $("#selectA option:selected").appendTo("#selectB");
        });
        $("#left").click(function(){
            $("#selectA option:selected").attr("selected",false);
            $("#selectB option:selected").appendTo("#selectA");
        });
        $("#rightAll").click(function(){
            $("#selectA option").appendTo("#selectB");
        });
        $("#leftAll").click(function(){
            $("#selectB option").appendTo("#selectA");
        });
        $("#selectA").dblclick(function(){
            $("#selectB option:selected").attr("selected",false);
            $("#selectA option:selected").appendTo("#selectB");
        });
        $("#selectB").dblclick(function(){
            $("#selectA option:selected").attr("selected",false);
            $("#selectB option:selected").appendTo("#selectA");
        });

$("#right").click(function(){
$("#selectB option:selected").attr("selected",false);
$("#selectA option:selected").appendTo("#selectB");
});
$("#left").click(function(){
$("#selectA option:selected").attr("selected",false);
$("#selectB option:selected").appendTo("#selectA");
});
$("#rightAll").click(function(){
$("#selectA option").appendTo("#selectB");
});
$("#leftAll").click(function(){
$("#selectB option").appendTo("#selectA");
});
$("#selectA").dblclick(function(){
$("#selectB option:selected").attr("selected",false);
$("#selectA option:selected").appendTo("#selectB");
});
$("#selectB").dblclick(function(){
$("#selectA option:selected").attr("selected",false);
$("#selectB option:selected").appendTo("#selectA");
});

<table id="tableA" width="400" border="0">
      <tr>
        <td width="179" rowspan="2"><div align="right">
          <select name="select" multiple="multiple" id="selectA"  style="width:100px;height:160px">
            <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>
            <option value="6" >选项6</option>
            <option value="7" >选项7</option>
            <option value="8" >选项8</option>
          </select>
        </div>
        </td>
        <td width="14"><button id="rightAll" >>|</button><button id="right" >>></button></td>

        <td width="193" rowspan="2">
            <div align="left">
              <select name="select2" multiple="multiple" id="selectB"  style="width:100px;height:160px">
              </select>
            </div></td>
      </tr>
      <tr>
        <td><button id="left" ><<</button><br /><button id="leftAll" >|<</button></td>
      </tr>

    </table>