94 votes

jQuery : Get option sélectionnée dans liste déroulante

J’essaie d’obtenir l’option sélectionnée dans une liste déroulante et remplir un autre élément avec ce texte, comme suit. IE aboie une tempête et il ne fonctionne pas dans Firefox :

Ce que je fais mal ?

187voto

Nick Craver Points 313913

Voici la version courte:

$('#ddlCodes').change(function() {
  $('#txtEntry2').text($(this).find(":selected").text());
});

karim79 fait une bonne prise, à en juger par votre nom de l'élément txtEntry2 peut être une zone de texte, si c'est une sorte d'entrée, vous aurez besoin d'utiliser .val() ou .text() comme ceci:

  $('#txtEntry2').val($(this).find(":selected").text());

Pour l' "quel est le problème?" une partie de la question: .text() ne pas prendre un sélecteur, il prend le texte que vous voulez, ou rien de renvoyer le texte déjà là. Si vous avez besoin d'extraire le texte que vous souhaitez, puis le mettre dans le .text(string) méthode sur l'objet que vous souhaitez définir, comme j'ai ci-dessus.

15voto

Pointy Points 172438

Essaye ça:

 $('#ddlCodes').change(function() {
  var option = this.options[this.selectedIndex];
  $('#txtEntry2').text($(option).text());
});
 

8voto

ThdK Points 1495

Voici une version plus courte qui devrait fonctionner également :

4voto

koppor Points 2066

Avec moins de jQuery :

``est un simple JavaScript.

(Source : SelfHTML allemand)

1voto

Mpho Makhubele Points 11
Désolé pour les problèmes que vous rencontrez.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X