今天这个demo是有关下拉框的。
选中添加到右边>>
全部添加到右边>>
实现的功能是,能将左边选中的选项添加到右边,双击左边某个选项也能添加给右边,点击全部添加到右边的按钮能把左边都添加到右边去。
jquery代码:
<script type="text/javascript"> <br>$(function(){ <br>$('#add').click(function(){ <br>var $option=$('#select1 option:selected'); <br>$option.appendTo('#select2'); <br>}) <br>$('#add_all').click(function(){ <br>var $option=$('#select1 option'); <br>$option.appendTo('#select2'); <br>}) <br>$('#select1').dblclick(function(){ <br>var $option=$('option:selected',this); <br>$option.appendTo('#select2'); <br>}) <br>}) <br></script>
dblclick()是鼠标双击事件时触发。
其他的方法和事件之前的例子都有介绍,就不说了。
这个demo代码简单。而且功能确还说实用吧。










