用jquery实现
html代码:
<table>
<tr>
<td> </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="全增加>>" /></div>
<div align="left"><input type="button" id="add" value="增加>" /></div>
<div align="left"><input type="button" id="del" value="<删除" /></div>
<div align="left"><input type="button" id="delAll" value="<<全删除" /></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>
html代码:
<table>
<tr>
<td> </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="全增加>>" /></div>
<div align="left"><input type="button" id="add" value="增加>" /></div>
<div align="left"><input type="button" id="del" value="<删除" /></div>
<div align="left"><input type="button" id="delAll" value="<<全删除" /></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>