多选择框的例子

用jquery实现
html代码:
<table>
<tr>
        <td>&nbsp;</td>
        <td><select name="select" size="5" id="source" style="width:200px;">
          <option selected="selected">举办健教讲座次数</option>
          <option>参加讲座人次数</option>
          <option>义诊宣传次数</option>
          <option>发放健康教育宣传资料份数</option>
          <option>开展针对性健教人次</option>
          <option>健康处方发放人次数</option>
          <option>举办宣传板报、橱窗　个数∕期数</option>
                  </select></td>
        <td>
        <div align="left"><input type="button" id="addAll" value="全增加&gt;&gt;" /></div>
        <div align="left"><input type="button" id="add" value="增加&gt;" /></div>
        <div align="left"><input type="button" id="del" value="&lt;删除" /></div>
        <div align="left"><input type="button" id="delAll" value="&lt;&lt;全删除" /></div>
        </td>
        <td>
        <select name="select" size="5" id="target" style="width:200px;">
          <option selected="selected">法定传染病应报告数</option>
          <option>健康处方发放人次数</option>
        </select>
        </td>
</tr>
</table>

js代码:
<script type="text/javascript">
$(function(){
$("#add").click(function(){
$("#source option[selected]").appendTo("#target");
});
$("#addAll").click(function(){
$("#source option").appendTo("#target");
});
$("#del").click(function(){
$("#target option[selected]").appendTo("#source");
});
$("#delAll").click(function(){
$("#target option").appendTo("#source");
});
$("#source").dblclick(function(){
$("#source option[selected]").appendTo("#target");
});
$("#target").dblclick(function(){
$("#target option[selected]").appendTo("#source");
});

});
</script>