0

Tenho esse select que carrega as opções vindas de um JSON.

Gostaria de mostrar os valores que são colocados no select no formato de Real (999,99) mas mesmo utilizando as funções das respostas desta pergunta os valores não sofrem nenhum efeito ou são mostrados no formato 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>

Como posso resolver este problema?

1 Resposta 1

2

Você pode tentar como mostrado abaixo, basicamente foi feita a conversão para float e depois foi utiliza a função 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>

7
  • Que estranho, testei isso e não tinha funcionado. Commented 19/03/2019 às 20:22
  • Agora estou com outro problema, preciso que mostre 50,00 quando não tiver centavos e não mostre o R$, pode me ajudar? Commented 19/03/2019 às 20:27
  • Você não esta vendo assim no exemplo R$ 50,00 ? Commented 19/03/2019 às 20:28
  • Estou, mas quando retiro a opção {style: 'currency', currency: 'BRL'} aparece 50. Nesse caso específico não preciso do R$ Commented 19/03/2019 às 20:30
  • 1
    É só colocar a opção {minimumFractionDigits: 2}. Obrigado amigo. Commented 19/03/2019 às 20:38

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .