Maison > interface Web > js tutoriel > JavaScript implémente deux options de liste déroulante de sélection pour se déplacer vers la gauche et la droite

JavaScript implémente deux options de liste déroulante de sélection pour se déplacer vers la gauche et la droite

不言
Libérer: 2018-03-30 11:20:23
original
2126 Les gens l'ont consulté

Cet article présente le code JavaScript pour implémenter deux options de liste déroulante de sélection pour se déplacer à gauche et à droite. Les étudiants intéressés peuvent se référer à cet article

Je n'ai rien à faire aujourd'hui et j'ai écrit un. liste déroulante avec deux sélections utilisant js. Un petit programme qui peut déplacer des éléments entre les cases. Je viens de commencer à apprendre JavaScript et il reste encore de nombreux domaines à optimiser.

Code Javascript

Le code est le suivant

Ce qui précède est le code javascript, et ce qui suit est le code html plus css.

Code HTML

Le code est le suivant

 代码如下

无标题文档

  .select_move { margin:0px auto; width:206px; height:140px; margin-top:300px;}

  .select_move_1 { float:left;}

  .select_move_2 { float:left;}

  .select_move_3 { float:left;}

  

  

    

    

     

      宝马

      丰田

      奥迪

      凯迪拉克

      现代

      奔驰

      法拉利

        

     

    

     

        " onclick="moveRight()"/>

        " onclick="moveAll()" />

        

        

     

    

       

       

    

  

    

Document sans titre > .select_move { margin:0px auto; .select_move_1 { float:left;} .select_move_2 { float:left;} .select_move_3 { float:left;}           optionvalue="BMW">BMW  Toyota < optionvalue="Audi">Audi                                                                                                                         >   

  " onclick="moveRight()"/
    
             

🎜>

Recommandations associées :

Partage d'exemples de code à l'aide de JavaScript pour implémenter deux options de liste déroulante de sélection pour se déplacer vers la gauche et la droite

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal