Discussion :

[Bigoodheart]

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 :

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

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 !

[E.Bzz]

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

A+

[Bigoodheart]

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 :

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

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 ?

[E.Bzz]

Quelqu'un pourrait me corriger ?

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

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

Code :

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

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+

[Bigoodheart]

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

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
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;		
		}
 
 
	}
 
	}

[Matthieu2000]

Code :

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

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;		
		}

[E.Bzz]

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

Code :

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

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 )

A+

[Bigoodheart]

Résolue ! Merci

Code :

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

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

sans le "$"

Sinon pour vider un element ,j'ai mis :

Code :

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

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 :
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 !

[E.Bzz]

Code :

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

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+

[Bigoodheart]

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

Mon problème est résolu

Code :

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

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é   */ 
       		
       		
       		}