jQuery实现下拉框功能实例代码_

1、jQuery实现下拉框功能实例代码_ 这篇文章主要介绍了jQuery实现下拉框功能实例代码的相关资料,需要的伴侣可以参考下 说一百句，不如我给大家贴张效果图，效果图请看下面： !DOCTYPE html html lang=en xmlns=l head meta charset=utf-8 / title/title style type=text/css * margin: 0; padding: 0; div.centent float: left; text-align: center; margin: 10px; span display: block; margin: 2px 2p

2、x; padding: 4px 10px; background: #898989; cursor: pointer; font-size: 12px; color: white; /style script src=jquery-1.3.2.min.js/script script $(function () $(#add).click(function () /单个添加 var $options = $(#select1 option:selected); $options.appendTo(#select2); ); $(#add_all).click(function () /全部添加

3、 $(#select1 option).each(function () $(this).appendTo(#select2); /* 也可以写为： var p=$(#select1 option); p.appendTo(#select2); */ ); ); $(#remove).click(function () /同上，只不过方向相反 var $options = $(#select2 option:selected); / var $remove = $options.remove(); $options.appendTo(#select1); ); $(#remove_all).c

4、lick(function () /同上，只不过方向相反 var p = $(#select2 option); p.appendTo(#select1); ); ); /script /head body div class=centent select multiple id=select1 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 /select div span id=add选中添加到右边/span span id=add_all全部添加到右边;/span /div /div div class=centent select multiple id=select2 style=width:100px;height:160px/select div span id=remove选中删除到左边/span span id=remove_all