Format currency to select from JSON

Question

I have this select that loads the options coming from a JSON.

I would like to show the values that are placed in select in Real format (999,99) but even using the response functions of this question the values have no effect or are shown in the format 999.,00.

function loadItens(){
  $.getJSON("https://api.myjson.com/bins/10hz22",function(data){
    $.each(data, function(key, val){
      $("#select-iten").append("<option value='"+key+"'>"+
      val.nome+" ("+ val.preco +")</option>");
    });
  });
}

loadItens();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="select-iten">
  <option>Selecione</option>
</select>

How can I solve this problem?

Answer 1

You can try as shown below, basically the conversion was made to float and then used the function toLocaleString

function loadItens(){
  $.getJSON("https://api.myjson.com/bins/10hz22",function(data){
    $.each(data, function(key, val){
      $("#select-iten").append("<option value='"+key+"'>"+
      val.nome+" ("+ parseFloat(val.preco).toLocaleString('pt-br',{style: 'decimal', minimumFractionDigits:2}) +")</option>");
    });
  });
}

loadItens();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="select-iten">
  <option>Selecione</option>
</select>