Scribd Logo
Importer

Bienvenue sur Scribd !

  • Activité Ajout Options - Select JS

    Transféré par

    bwajih
    5 vues1 page
    activité js ajout option

    Titre original

    Activité ajout options_select JS

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    activité js ajout option

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    5 vues1 page

    Activité Ajout Options - Select JS

    Transféré par

    bwajih
    activité js ajout option

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 1

    C:\Users\BAGHDADI\OneDrive\Desktop\options1.

    html jeudi 7 mars 2024 19:51


    <!DOCTYPE html>
    <html lang="fr">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Language" content="fr">
    <title>Sélection de langages et compétences</title>
    <script>
    function ajouter() {
    var langages = document.getElementById('langages');
    var competences = document.getElementById('competences');

    var i = langages.options[langages.selectedIndex];

    var l = competences.options.length;

    var newOption = new Option(i.innerHTML, i.value);

    competences.options[l] = newOption;

    i.style.display = 'none';
    }

    function retirer() {
    var langages = document.getElementById('langages');
    var competences = document.getElementById('competences');

    var selectedIndex = competences.selectedIndex;

    var i = competences.options[selectedIndex];

    var l = langages.options.length;

    var newOption = new Option(i.innerHTML, i.value);

    langages.options[l] = newOption;

    i.style.display = 'none';

    competences.options.selectedIndex = -1;
    }
    </script>
    </head>
    <body>
    <h2>Choix de langages et compétences</h2>
    <label for="langages">Langages de programmation :</label>
    <select id="langages" multiple>
    <option value="javascript">JavaScript</option>
    <option value="python">Python</option>
    <option value="java">Java</option>
    <option value="csharp">C#</option>
    <option value="php">PHP</option>
    </select>
    <button onclick="ajouter()">Ajouter</button>

    <label for="competences">Compétences :</label>


    <select id="competences" multiple>
    </select>
    <button onclick="retirer()">Retirer</button>
    </body>
    </html>

    -1-

    Vous aimerez peut-être aussi