Copie d'une liste vers deux listes (HTMLSelectElement.add) [Résolu]

DidG_like · 05/01/2012, 17h29

Bonjour,

je bute actuellement sur un développement qui consiste à sélectionner un élément dans une liste et à le tranférer dans deux listes. Une des deux listes reçoit l'élément sélectionné, mais la seconde récupère un autre élément (le suivant). Je pense qu'une solution serait de savoir copier la référence à l'élément sélectionné pour pouvoir y faire référence deux fois ...? Mais je n'ai pas d'idée sur la façon de faire (en fait, j'ai épuisé mes idées sans succès - il faudrait quelque chose comme HTMLSelectElement.copy).

Le code n'est pas très long, le voici:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<html>
<script type='text/javascript'>
function moveSelectItems(from, to, tobis) {
        from_select = document.getElementById(from);
        to_select = document.getElementById(to);
        to_selectbis = document.getElementById(tobis);
 
        for (i = 0; i < from_select.options.length; i++) {
                if (from_select.options[i].selected) {
                to_selectbis.options.add(from_select.options[i]);
                to_select.options.add(from_select.options[i]);
                i--;
                }
        }
}
</script>
 
 
<select name="all_resa[]" id="all_resa" class="textbox" multiple="multiple" size="10" style="width:195px;">
<option value="1">valeur 1</option>
<option value="2">valeur 2</option>
<option value="3">valeur 3</option>
<option value="4">valeur 4</option>
<option value="5">valeur 5</option>
<option value="6">valeur 6</option>
<option value="7">valeur 7</option>
<option value="8">valeur 8</option>
</select>
<button type="button" id="add_from_multiresaresource" class="button" onclick="javascript: moveSelectItems('all_resa','selected_resa','selected_resa1');" style="width:75px;font-size:12px;">&raquo;&raquo;</button>
<select name="selected_resa[]" id="selected_resa" class="textbox" multiple="multiple" size="10" style="width:195px;">
</select>
<select name="selected_resa1[]" id="selected_resa1" class="textbox" multiple="multiple" size="10" style="width:195px;">
</select>
</html>

Merci de votre participation

Willpower · 05/01/2012, 17h40

Code :

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

DomElement.cloneNode(true)

DidG_like · 05/01/2012, 17h54

Exactement ce que je cherchais.
Merci beaucoup Willpower

05/01/2012, 17h40	#2
Willpower Membre Expert Boris Dessy sans emploi Inscription : décembre 2010 Messages : 872 Détails du profil Informations personnelles : Nom : Boris Dessy Localisation : Belgique Informations professionnelles : Activité : sans emploi Informations forums : Inscription : décembre 2010 Messages : 872 Points : 1 381 Points : 1 381	Code : Sélectionner tout - Visualiser dans une fenêtre à part DomElement.cloneNode(true)
	10

05/01/2012, 17h54	#3
DidG_like Invité régulier G_like Did Inscription : mars 2010 Messages : 23 Détails du profil Informations personnelles : Nom : G_like Did Informations forums : Inscription : mars 2010 Messages : 23 Points : 9 Points : 9	Exactement ce que je cherchais. Merci beaucoup Willpower
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email