remplir un select avec un tableau de javascript

Merci beaucoup jreaux62 :mrgreen:

il ne me semble pas judicieux de passer par new Option

Code:

---

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:

---

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

---

ou encore le clonage de l'élément

Code:

---

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

---

Citation:

---

Envoyé par NoSmoking

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 :furieux: d'I.E. !

Code:

---

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 ...

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

Code:

---

$("#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

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

Code:

---

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

Citation:

---

Envoyé par bulldo

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.

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.

J'ai une solution :

Code:

---

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:

---

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:

---

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

---

CQFD :ccool:

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 :oops:.

Code:

---

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

---

tu ajoutes :

Citation:

---

<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.