Remplissage Liste Select Multiple

Je voudrai vous demander un exemple une fonction javascript qui me permet de passer un élément sélectionné d'une liste multiple à une autre liste multiple !
j'en ai déjà fait un pour passer un élément sélectionné de la liste multiple à un champs de saisie ,mais ce qui me pose probléme c'est comment insérer un élément dans une liste multiple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function fonction(list,c){ var t = []; $R(0,list.options.length - 1).each(function(i) { if (list.options[i].selected) { t.push(list.options[i].value); } }); $(c).value = t.join(';'); }
Quelqu'un pourrait m'aider ? merci à l'avance !

Bonjour,
de ce point de vue, une liste multiple se gère comme une liste "normale".
Un exemple dans la FAQ.

A+

Bonjour,

Merci de votre réponse !
En fait j'ai réussit à passer un élément de la liste de départ à une autre mais maintenant j'ai besoin de passer plusieurs éléments sélectionnés vers la liste d'arrivé en même temps ,voici le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function funct(list,destination){ var t = []; var option = null; $R(0,list.options.length - 1).each(function(i) { if (list.options[i].selected) { alert(i); option=new Option(list.options[list.options.selectedIndex].text,list.options[list.options.selectedIndex].value); destination.options[destination.options.length]=option; } }); }
Quelqu'un pourrait me corriger ?

Citation:

Envoyé par foufatoon

Quelqu'un pourrait me corriger ?

Heu ... pas moi car je ne comprends pas la syntaxe :aie:

Mais par rapport à l'exemple de la FAQ :
au lieu de tester une seule option avec

Code:

if(listeDep.options[listeDep.selectedIndex].value != 0)

il suffit que tu ajoutes une boucles pour parcourir toutes les options de la liste de départ. A chaque fois que tu tombes sur une avec .selected == true tu lui fait subir le traitement en fin de la fonction (la partie if(existe == 0){ ... )

A+

J'y arrive toujours pas :oops: ,j'ai modifié le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function funct(list,destination){
 
 
	var option = null;
 
 
		 for(i = 0; i < list.options.length; i++)  {
 
		  if(list.options[i].selected) {
 
			option=new Option(list.options[list.options.selectedIndex].text,list.options[list.options.selectedIndex].value);
			$('destination').options[destination.options.length]=option;		
		}
 
 
	}
 
	}

Code:

1
2
3
4
if(list.options[i].selected) {		 
 option=new Option(list.options[i].text,list.options[i].value);
			$('destination').options[destination.options.length]=option;		
		}

Je sais bien que JS est sensible à la casse, mais ça ne te gêne pas e genre de syntaxe ?

Code:

option=new Option( ...

N'utilise pas des mots réservés du langage comme identifiant ...

Le reste semble bon (sauf que tu as méchamment "simplifié" la fonction de la FAQ :aie: )

A+

Résolue ! Merci :mrgreen:

Code:

destination.options[destination.options.length]=option;

sans le "$"

Sinon pour vider un element ,j'ai mis :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function funct(list,destination){ var option = null; for(var i = 0; i < list.options.length; i++) { if(list.options[i].selected) { option=new Option(list.options[i].text,list.options[i].value); destination.options[destination.options.length]=option; list.options[i]=null; }
et la il sotte le 2eme élément si je sélectionne 3 :calim2: :
le 1er et le 3eme les vire de la liste de départ et les déplace dans ma nouvelle mais ..touche pas au 2éme !

Citation:

Envoyé par foufatoon

Code:

destination.options[destination.options.length]=option;

sans le "$"

Si "destination" est un id, ça risque de ne fonctionner que sous IE ($() est l'équivalent de document.getElementById() ce qui rendait ton code cross-browsers) ...

A+

Oui vous avez raison .. je ne sais pas ou avais-je la tète c'est pourtant si simple :oops:

Mon problème est résolu

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function funct(list,destination){
	var option = null;
	for(var i = 0; i < list.options.length; i++)  {
	
			  if(list.options[i].selected) {		 
       		option=new Option(list.options[i].text,list.options[i].value);
       		destination.options[destination.options.length]=option;
       		list.options[i]=null;

                i--;  /* décrémenter pour ne pas soter l'option avant celle qui a été supprimé   */ 
       		
       		
       		}