Retourner à la page d'accueil de TJS

Script : Basculer des éléments d'une liste à l'autre

Deux listes, deux boutons pour déplacer les lignes d'une liste à l'autre

Exécution du script

Code source

<HTML><HEAD><TITLE>Tout JavaScript.com - Basculer des éléments d'une liste à l'autre</TITLE><SCRIPT LANGUAGE="JavaScript">    function Deplacer(l1,l2) {        if (l1.options.selectedIndex>=0) {            o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value);            l2.options[l2.options.length]=o;            l1.options[l1.options.selectedIndex]=null;        }else{            alert("Aucune activité sélectionnée");        }    }</script></HEAD><CENTER><BIG><B>Basculer des éléments d'une liste à l'autre</B></BIG></CENTER><BR>Ce script est tiré de la page de conseil "Trucs et Astuces de formulaire" sur <B><A href="http://www.toutjavascript.com" target="_blank">Tout JavaScript.com</A></B><BR>Imaginons que vous deviez choisir des activités parmi une liste proposée (J'ai écrit cette page au mois d'août !) :<BR><BR><FORM name="formulaire">    <TABLE><TR>    <TD align="center"><B><FONT size="2">Activités proposées</FONT></B><BR>    <SELECT align=top name="liste1" size=6  style="width:120px">        <OPTION value="Planche">Planche à voile</OPTION>        <OPTION value="Plongée">Plongée</OPTION>        <OPTION value="Jet-Ski">Jet-Ski</OPTION>        <OPTION value="Tir à l'arc">Tir à l'arc</OPTION>        <OPTION value="Pétanque">Pétanque</OPTION>        <OPTION value="Bronzette">Bronzette</OPTION>    </SELECT>    </TD>    <TD align="center">    <INPUT type="button" value="Ajouter >>>" onClick="Deplacer(this.form.liste1,this.form.liste2)">    <BR><BR>    <INPUT type="button" value="&lt;&lt;&lt; Enlever" onClick="Deplacer(this.form.liste2,this.form.liste1)">    </TD>    <TD align="center"><FONT size="2"><B>Activités retenues</B></FONT><BR>    <SELECT align=top name="liste2" size=6 style="width:120px">    </SELECT>    </TD>    </TR></TABLE></FORM><BR></FONT></BODY></HTML><!-- Script développé par Olivier Hondermarck  <voir adresse mail sur site> --><!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->

Chercher une fonction, un objet, ...

Le graph des objets JavaScript



Chargement
en cours...

Le guide complet du JavaScript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application

Extension navigateur Get-My-IP

Quelle est mon adresse IP ?Installez l'extension Get-My-IP.com pour afficher votre IP d'un seul clic
Le 14/08/2018 12:50:41 sur php7 en 40.46 ms