国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

select不支持雙擊dbclick事件

2019-10-26 17:16:44
字體:
供稿:網(wǎng)友
  • <div class="centent" style="width:200px; float:left; margin-right:20px;">     <select multiple="multiple" id="select1" style="width:150px; 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>     </select>    
  •    <div>    
  • <span id="add" style="display:block; width:140px; cursor:pointer;">選中添加到右邊>></span>     <span id="addAll" style="display:block; width:140px; cursor:pointer;">全部添加到右邊>></span>    
  • </div></div>     <div class="centent" style="width:200px; float:left; margin-right:20px;">    
  • <select multiple="multiple" id="select2" style="width:150px; height:160px;">     </select>    
  • <div>     <span id="add1" style="display:block; width:140px; cursor:pointer;"><<選中刪除到左邊</span>    
  • <span id="addAll1" style="display:block; width:170px; cursor:pointer;"><<全部選中刪除到左邊</span>     </div>    
  • </div>  
  • JavaScript Code復制內(nèi)容到剪貼板
  • <script type="text/javascript">       
  • //下拉框多選的應用 9:57     $(function(){    
  • //開始把左邊的添加到右邊     $("#add").click(function(){ //把選中的添加到右邊    
  • $option = $("#select1 option:selected");     $option.appendTo("#select2");    
  • })     $("#addAll").click(function(){ //全部添加到右邊    
  • $option = $("#select1 option");     $option.appendTo("#select2");    
  • })     $("#select1").dbclick(function(){ //雙擊添加到右邊    
  • $option = $("#select1 option:selected",this);     $option.appendTo("#select2");    
  • })     //開始右邊的添加到左邊    
  • $("#add1").click(function(){ //把選中的添加到左邊     $option = $("#select2 option:selected");    
  • $option.appendTo("#select1");     })    
  • $("#addAll1").click(function(){ //全部添加到左邊     $option = $("#select2 option");    
  • $option.appendTo("#select1");     })    
  • $("#select2").dbclick(function(){ //雙擊添加到左邊     $option = $("option:selected",this);    
  • $option.appendTo("#select1");     })    
  • })     </script>
  • 發(fā)表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發(fā)表

    圖片精選

    主站蜘蛛池模板: 茌平县| 东阿县| 富裕县| 长垣县| 蓝田县| 福泉市| 巴东县| 长葛市| 财经| 江津市| 青冈县| 得荣县| 遂川县| 沙湾县| 交城县| 新安县| 瑞昌市| 连州市| 湄潭县| 尉氏县| 平安县| 绥德县| 华容县| 通河县| 玉树县| 高邮市| 边坝县| 南陵县| 宣威市| 辽阳县| 宣恩县| 宁乡县| 大竹县| 宣武区| 新和县| 昂仁县| 邯郸县| 龙州县| 涪陵区| 略阳县| 谢通门县|