Pourquoi je ne peux pas mettre à jour la valeur d'une balise d'entrée en y mettant le caractère € en utilisant JQuery? J'obtiens â € ¬ chaîne à la place €

Question

Je suis assez nouveau dans JavaScript \ JQuery et j'ai le problème suivant:

Dans une page JSP (mais je pense que ce n'est pas si important le type de page ... il est une page qui contient HTML) Je cette balise d'entrée ayant id = « saldoModale2 »:

<input id="saldoModale2" type="text" style="width: 25%" class="rightAlligned form-control" value='${progetto.impSal}' /> 

J'ai un script JQuery que, lorsque l'utilisateur clique sur un bouton, mettre à jour la valeur de cette balise d'entrée, de cette façon:

$("#saldoModale2").val('€'); 

Donc la ligne précédente ne doit mettre que le caractère € dans mon tag d'entrée.

Le problème est qu'au lieu € voir dans ma balise d'entrée j'obtenir cette valeur étrange: â,¬

Le problème semble être lié au caractère € parce que si je mets le $ par:

$("#saldoModale2").val('$'); 

cela fonctionne parfaitement.

La chose la plus étrange est que j'ai également essayé d'effectuer ce remplacement dans un JSFiddle: https://jsfiddle.net/AndreaNobili/4720ek9g/1/ et semble ici fonctionne très bien. Donc, je demande si cela pourrait dépendre de certaines propriétés charset \ encoding du fichier qui implémente ma page, ou quelque chose comme ça.

Pourquoi? Qu'est-ce que je rate? Qu'est-ce qui ne va pas?

Answer 1

Le problème est lié au codage de caractères de la page. Essayez d'utiliser la valeur unicode pour € à la place:

$("#saldoModale2").val('\u20ac'); 

Updated fiddle

Answer 2

Peut-être que vous devriez ajouter quelque chose comme ça à la tête de la section de votre code html?

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />