Discussion :

[fahdo]

Bonjour

j'ai fait un formulaire pour créer un utilisateur et j'utilise avec le module chosen
j'ai un autre formulaire pour choisir un utilisateur déjà existant et voir les groupes auquels ils appartient.
en face de chaque groupe un lien href qui va choisir une option déjà présente dans la liste du premier formulaire

jusque là ça va

Code :

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

1
2
3
4
5
6
7
 
$('.add_ex_grp').on('click',function(){
	var value_ex_grp = (this.id);
	document.getElementById('ex_grp[]').value = (value_ex_grp);
	$('.ex_grp').trigger('chosen:updated');
 
});

mais il m'efface les options déjà sélectionnés
alors j'ai essayé çà

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
 
$('.add_ex_grp').on('click',function(){
	var value_ex_grp = (this.id);
	var selO = document.getElementsByName('ex_grp[]')[0];
    var selValues = [];
    for(i=0; i < selO.length; i++){
        if(selO.options[i].selected){
            selValues.push(selO.options[i].value);
        }
    }
 
	console.log([selValues + ',' + value_ex_grp]);
	document.getElementById('ex_grp[]').value = ([selValues + ',' + value_ex_grp]);
	$('.ex_grp').trigger('chosen:updated');
 
});

mais je n'arrive pas à formater les valeurs pour qu'elles soient réinjecté sous le format (['groupe1', 'groupe2', 'groupe3'])

Merci de votre aide

[SpaceFrog]

Code :

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

= "(['"+ selValues.join("','")  + "','" + value_ex_grp.join("','")+"'])";

ou encore

Code :

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

1
2
3
4
 
concat= [...selValues, ...value_ex_grp];
.../...
= "(['"+ concat.join("','")  + "'])";

[fahdo]

Merci de votre réponse rapide mais j'ai cette erreur dans la console

TypeError: value_ex_grp.join is not a function

[javatwister]

Bonjour,

Tout cela n'est pas d'une grande limpidité;
Mais en tout cas, 2 lignes sont plutôt gênantes, syntaxiquement:

Code :

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

var value_ex_grp = (this.id);

et

Code :

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

document.getElementById('ex_grp[]').value = (value_ex_grp);

Et un peu plus loin aussi;

En plus, si j'ai bien lu, value_ex_grp n'est pas un tableau mais un id, d'où le message d'erreur;

[fahdo]

merci pour vos indications
alors j’ai fais ca et malgré que dans la console j’ai les donnees correctement formatés ca ne fonctionne pas

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
 
$('.add_ex_grp').on('click',function(){
 
	var selO = document.getElementsByName('ex_grp[]')[0];
    var selValues = [];
    for(i=0; i < selO.length; i++){
        if(selO.options[i].selected){
            selValues.push(selO.options[i].value);
        }
    }
 
	var value_ex_grp = (this.id);
	var value_ex_grp_a = [];
	value_ex_grp_a.push(value_ex_grp);
 
	var arg1 = selValues.join("', '");
	var arg2 = value_ex_grp_a;
	var ex_grp_v = "'"+ arg1 + "', '" + arg2 +"'";
	console.log(ex_grp_v);
	$('.ex_grp').val([ex_grp_v]).trigger('chosen:updated');	
});

[Watilin]

Bonjour fahdo,
il y a quelques indices dans ton code qui laissent entendre que tu n’as pas entièrement saisi le fonctionnement de JavaScript. Par exemple ici :

Code :

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

var value_ex_grp = (this.id);

Les parenthèses ne sont pas utiles. Quelle était ton intention quand tu les as mises ?

Ça peut t’aider de comprendre que la propriété .value (ou son équivalent jQuery .val()) attend une chaîne (type "string"), et que tout ce que tu lui passes qui n’est pas une chaîne sera d’abord converti en chaîne.
Donc si tu passes un tableau, par exemple :

Code :

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

$('.ex_grp').val([ 'Babbage', 'Lovelace', 'Turing' ])

Le tabeau est d’abord converti en chaîne, d’une manière pas forcément intuitive. Pour voir, tape ceci dans ta console :

Code :

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

1
2
[ 'Babbage', 'Lovelace', 'Turing' ].toString()
// -> "Babbage,Lovelace,Turing"

Comme tu peux le voir, le résultat est une chaîne (normal), contenant les éléments du tableau séparés par des virgules, sans espaces, sans guillemets, et sans crochets autour. Je pense que c’est quelque chose comme ça que tu as vu quand, dans ton premier post, tu as dit :

mais je n'arrive pas à formater les valeurs pour qu'elles soient réinjecté sous le format (['groupe1', 'groupe2', 'groupe3'])

Comme tu n’as pas le choix du type ("string"), si tu veux que les crochets restent, il faut les ajouter comme des bêtes caractères pour qu’ils fassent partie de la chaîne finale :

Code :

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

… .val('[' + ex_grp_v + ']') …

Après, moi je me pose la question : quel est l’intérêt d’avoir cette représentation exacte dans le rendu HTML ? Doit-elle être recopiée quelque part par l’utilisateur ? Dans ce cas, il y a sûrement moyen de simplifier le truc.

En tout cas, garde bien à l’esprit que tout ce qui est « sorti » vers le visuel HTML est systématiquement converti en chaîne, que ce soit en tant que valeur d’<input>, ou via une propriété .textContent ou .innerHTML ou similaire.