HTML call for euro symbol not interpreted in textarea?

Question

Shows €instead of the sign € (currency) in the text box. Does anyone have an idea why this is going wrong?

<?php
$currency = "&euro;"; //using php with other data from database

echo "<script>
      $('#share_button').click(function(e){
      // pass the currency to javascript and put in textarea shared with other on clicks
           $('#snsdescp').val(`".$currency."`);
      });</script>";
?>

 //shared textarea
<textarea class="form-control" name="message" id="snsdescp"></textarea> 

Answer 1

The method val()does not encode / decode, as a hack you can use the function html()to encode, and then fade the text:

$('#share_button').click(function(e){
    $('#snsdescp').val($("<div>").html("&euro;").text());
});

Here is a working jsFiddle for your text box.

Answer 2

You can set it by assigning an element €property :innerHTMLtextarea

document.querySelector('#snsdescp').innerHTML = '€';

If you want to use jQuery, you can simply call its method .html():

$('#snsdescp').html('€');

Answer 3

, , php, , , javascript. .

<?php
  $currency = "\u20ac"; //using php with other data from database
?>

 <textarea class="form-control" name="message" id="snsdescp"></textarea> 
  <br/><br/>
  <div id="share_button" >hello</div>//suppose your id is here

 <script>
    var value ="<?php echo $currency;?>"; //store php value in js variable
    $("#share_button").click(function(){

        $("#snsdescp").val(value);

     });
  </script>

Answer 4

You can use Unicode for € \ u20AC

$('#snsdescp').val("\u20AC");