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...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 17/12/2018 10:19:33 sur php7 en 45.13 ms