<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <select id='one' size="10"> <option>北京</option> <option>上海</option> <option>广州</option> <option>深圳</option> <option>香港</option> <option>澳门</option> <option>台湾</option> <option>郑州</option> <option>重庆</option> <option>天津</option> <option>珠海</option> <option>厦门</option> <option>杭州</option> </select> <button>添加</button> <button>删除</button> <select id="two" size="6"> </select> </body> <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script> <script> $(function(){ $('button:first').click(function(){ $('#one option:selected').appendTo($("#two")) }) $('button:eq(1)').click(function(){ $('#two option:selected').appendTo($("#one")) }) }) </script> </html>
