<script src="jquery-1.3.2.min.js?1.1.9">《script》 《script》 $(function () { $("#add").click(function () {//单个添加 var $options = $("#select1 option:selected"); $options.appendTo("#select2"); }); $("#add_all").click(function () {//全部添加 $("#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").click(function () {//同上，只不过方向相反 var p = $("#select2 option"); p.appendTo("#select1"); }); }); 《script》
选中添加到右边>> 全部添加到右边>;>
<<选中删除到左边 <<全部删除到左边
以上这篇jquery实现下拉框功能效果【实例代码】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
