Discussion :

[Sebastien31t]

Bonjour à tous,

Je suis débutant en javascript, et je ne sais même pas par où commencer pour réaliser mon projet.

Je compte sur votre indulgence.

Je souhaiterai dans une page avoir une balise select mais si celle-ci recoit une valeur j'aimerai qu'une deuxième balise select apparaisse avec les mêmes options et ainsi dessuite.

J'avais pensé qu'il me fallait créer tous ces select et que javascript ne les dévoilent les un apres les autres au fur et a mesure que les valeurs etaient saisies.

Qu'en pensez-vous ?

et comment le réaliser surtout !

[Invité]

Bonjour,

1- merci de préciser plus clairement le besoin et l'objectif.
Ce seront des <select> :

• avec les mêmes options ?
• le même name ?
• y-a-t-il un id (un id doit être unique -> donc à modifier) ?
• ... ?

Un début de code aiderait.

2- Tu peux aussi regarder du coté de .cloneNode().

[Sebastien31t]

bonjour jreaux62,

Merci pour ton aide, et je pense que tu as bien cerner le problème, le nouveau select doit avoir les mêmes options que le précédent.

Pour le même name je pense que ce n'est pas nécessaire.

Et je souhaiterai suivre ton conseil et enlever l'id mais je rencontre une erreur en remplacant par name au lieu de id.

J'ai jeté un coup d'oeuil au lien que tu m'as conseillé et je pense que c'est la bonne solution à mon problème.
Voici a quoi ressemble mon code pour mieux t'exposer mon problème.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
            <div class="row marj" id="select">
                <select id="selectmed">
                    <option value="1">valeur 1</option>
                    <option value="2">valeur 2</option>
                </select>
            </div>

et javascript (attention ce sont mes premières lignes de code dans ce langage)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
function duplic(){
    var itm = document.getElementById("selectmed");
    var cln = itm.cloneNode(true);
    document.getElementById("select").appendChild(cln);
}

Merci encore pouir ton aide.