首頁 > web前端 > js教程 > JavaScript實作兩個select下拉方塊選項左移右移

JavaScript實作兩個select下拉方塊選項左移右移

不言
發布: 2018-03-30 11:20:23
原創
2125 人瀏覽過

本文介紹了JavaScript實作兩個select下拉方塊選項左移右移的程式碼,有興趣的同學可以參考一下本文

今天沒事用js寫了一個用兩個select下拉框之間能互相移動元素的小程序,剛開始學習javascript還有很多優化的地方。

Javascript程式碼

 

# 程式碼如下

 

上面是javascript程式碼,下面是html加css程式碼。

Html程式碼

 

# 程式碼如下

無標題文檔 .select_move { margin:0px auto; width:206px; height:140px; margin-top:300px;}

  .select_move_1 { float:left;}

##  .select_move_1 { float:left;}

  .select_move_1 { float:left;}

select_ . }

  .select_move_3 { float:left;}

  

< ;body>

  

    

    

#15 first"size="10"id="first"multiple="multiple">

      寶馬 「豐田">豐田

      奧迪

   /option>

      現代

      賓士<#/#> #      法拉利

        

    

        " onclick="moveRight()"/>
" onclick="moveRight()"/>

        " onclick="moveAll()" />

##  "value="<------"onclick="moveLeft()"/>

        

     

    # id="secend"multiple="multiple">

       

    

# <)/pc/lt; #    

 相關推薦:

JavaScript實作兩個select下拉方塊選項左移右移的範例程式碼分享

以上是JavaScript實作兩個select下拉方塊選項左移右移的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板