你的位置:首页 > Java教程

[Java教程]jquery实现下拉框功能


说不清楚,直接上图

<!DOCTYPE html><html lang="en" ="http://www.w3.org/1999/xhtml"><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 2px;      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 () {//全部添加        $("#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></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">选中添加到右边&gt;&gt;</span>      <span id="add_all">全部添加到右边&gt;;&gt;</span>    </div>  </div>  <div class="centent">    <select multiple id="select2" style="width:100px;height:160px"></select>    <div>      <span id="remove">&lt;&lt;选中删除到左边</span>      <span id="remove_all">&lt;&lt;全部删除到左边</span>    </div>  </div></body></html>

 




江苏旅游线路大全什么时候去江苏旅游最好江苏跟团旅游报价多少江苏旅游必去的地方是江苏旅游必去景点排名乐昌龙王潭在哪里坐车?韶关龙王潭坐车要多长时间? 美女魂牵梦萦罗平酒香 品滇王老窖醉美其味 东莞华南mall欢笑天地有直达车吗?华南mall欢笑天地坐几路公交? 华南mall欢笑天地怎么走?东莞华南mall欢笑天地游玩攻略? 信宜大仁山一日游攻略?茂名信宜大仁山门票多少钱? 大仁山要门票吗?信宜大仁山现在门票10元是真的吗? 信宜大仁山路线?茂名信宜大仁山具体位置? 茂名信宜大仁山怎么样?信宜大仁山介绍? 恩平岑洞峡谷简介?岑洞大峡谷漂流介绍? 恩平岑洞峡谷漂多少公里?岑洞大峡谷漂流漂多久? 杭州富阳新沙岛几点开门?新沙岛开放时间? 富阳新沙岛景区票价?新沙岛景区要门票吗? 海南的治安怎么样?好吗? 怎么去鼓浪屿的漫漫悠悠旅馆? 凤凰古镇12月天气如何?带什么衣服去好? 准备去海南,请问要准备些什么? 553-0006-805F Datasheet 553-0006-805F Datasheet 553-0006-806 Datasheet 553-0006-806 Datasheet 553-0006-806F Datasheet 553-0006-806F Datasheet 佳木斯到港澳旅游价格 佳木斯到港澳旅游价格 佳木斯到港澳旅游价格 杭州至香港旅游价格 杭州至香港旅游价格 杭州至香港旅游价格 佳木斯到香港旅游团价格 佳木斯到香港旅游团价格 佳木斯到香港旅游团价格