Discussion :

[bulldo]

Merci beaucoup jreaux62

[NoSmoking]

il ne me semble pas judicieux de passer par new Option

Code :

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

1
2
3
$('#idgroupesAdd').append(
  new Option(opt_txt,opt_val) // nouvelle Option (texte,valeur)
);

à preuve cela ne fonctionne pas sous IE l'option est vide

il y a

Code :

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

$('<option>').val(opt_val).text( opt_txt).appendTo('#idgroupesAdd');

ou encore le clonage de l'élément

Code :

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

$('#idgroupesDispo option:selected').clone().appendTo($('#idgroupesAdd'));

[Invité]

il ne me semble pas judicieux de passer par new Option à preuve cela ne fonctionne pas sous IE l'option est vide

Argh ! exact ! j'oublie toujours ce d'I.E. !

Code :

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

1
2
3
4
					// ajout de l'option dans le select
					$('<option>').val(opt_val).text( opt_txt).appendTo('#idgroupesAdd');
					// ou
					//$('#idgroupesDispo option:selected').clone().appendTo($('#idgroupesAdd'));

D'autres optimisations sont probablement possibles ...

[bulldo]

Salut !
Je reviens sur le sujet car j'ai un autre problème bizarre. Quand j'affiche le contenu de la variable

Code :

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

$("#idgroupesAdd").text()

avec alert j'ai des caractères qui s'affichent et qui me gênent au moment où je vais stocker mes variables dans la base de données. (voir image )
Est ce que vous pouvez me dire d'où vient ce problème et comment je peux le résoudre ?
Merci d'avance

[Invité]

- quel est le texte "test" tapé ?
- comment écris-tu l'alert ?
- surtout : que cherches-tu à afficher dans l'alert ?

[bulldo]

Code :

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

alert($("#idgroupesAdd").text());

je veux voir le contenu du 2ème select avant et après l'ajout car je vais stocker les éléments sélectionnés dans la bdd dans un seul champ de ma table et séparés par un espace

[Invité]

car je vais stocker les éléments sélectionnés dans la bdd dans un seul champ de ma table et séparés par un espace

Dans ce cas, ce n'est pas comme cela qu'il fallait t'y prendre .....
Un textarea aurait été mieux.

[bulldo]

non parce qu'avec un textarea je ne peux pas supprimer une option du 2 ème select et ça j'en ai vraiment besoin. donc je suis obligé de passer par les select.

[Invité]

J'ai une solution :

Code :

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

1
2
3
4
5
6
7
8
9
		// METTRE le contenu de la 2eme liste dans un champ INPUT (hidden)
		$("#idbtenvoi").click(function () {
			var opt_text = '';
 			$('#idgroupesAdd option').each(function() {
				opt_text = opt_text + ' ' + $(this).val();
			});
			// l'input type="hidden" est rempli avec toutes les valeurs des options (séparées par un espace)
			$('#idtexteAdd').val(opt_text);
		});

Et dans le formulaire :

Code :

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

1
2
3
				<button id="idbtenvoi" name="btenvoi">envoi</button>
				<!-- l input type="hidden" est rempli avec toutes les valeurs des options (séparées par un espace) -->
				<input type="hidden" id="idtexteAdd" name="texteAdd" />

l'input type="hidden" est rempli avec toutes les valeurs des options (séparées par un espace) au moment de l'envoi du formulaire (clic sur le bouton "envoi") ...

Traitement : il suffit de récupérer directement

Code :

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

		$texteAdd = trim($_POST['texteAdd']); // toutes les valeurs des options (séparées par un espace)

CQFD

[bulldo]

désolé de te déranger encore une fois mais j'ai déja un bouton pour l'envoi et je ne sais pas comment modifier mon code pour essayer la solution que tu m'as proposée .

Code :

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

<input type="submit" value=" Valider " class="bouton_submit" />

[Invité]

tu ajoutes :

<input type="submit" value=" Valider " class="bouton_submit" id="idbtenvoi" />

ps : si tu changes le nom de l'id, fait le aussi dans le script js.