1

O problema é o seguinte: eu tenho um input de pesquisa de produto, eu digito ele filtra e adiciono na tabela "itens"; na tabela "itens" tem input que filtra os serviços com valor, e aí eu dou

split()

tiro o valor e tento passar para td ao lado que é outro input, mas o valor passa; dando alert exibe, mas não carrega.

function addProd(obj) {
   $('#add_prod').val('');
   var id = $(obj).attr('data-id');
   var name = $(obj).attr('data-name');
   var price = $(obj).attr('data-price');

   $('.searchresults').hide();

   if ($('input[name="quant[' + id + ']"]').length == 0) {
      var tr =
      '<tr>' +
      '<td>' + id + ' - ' + name + '</td>' +
      '<td>' +
      '<input type="number" name="quant[' + id + ']" class="p_quant" value="1" onchange="updateSubtotal(this)" data-price="' + price + '" />' +
      '</td>' +
      '<td>' + price + '</td>' +
      '<td>' +
      '<input type="text" name="servico" onkeyup="carregaServico(this)" id="servico" data-type="search_servico" />' +
      '</td>' +
      '<td class="vlr_servico">' +
      '<input type="text" name="vlr_servico[' + id + ']"  id="vlr_servico[' + id + ']" class="dinheiro vlr_servico"/>' +
      '</td>' +
      '<td class="subtotal">' + price + '</td>' +
      '<td><a href="javascript:;" onclick="excluirProd(this)">Excluir</a></td>' +
      '</tr>';

      $('#products_table').append(tr);
   }

   updateTotal();
}

function carregaServico(e) {
   var datatype = $(e).attr('data-type');
   var q = $(e).val();
   if (datatype != '') {
      $.ajax({
         url: BASE_URL + 'ajax/' + datatype,
         type: 'GET',
         data: {
            q: q
         },
         dataType: 'json',
         success: function(json) {
            if ($('.searchresults').length == 0) {
               $('#servico').append('<div class="searchresults"></div>');
            }
            $('.searchresults').css('left', $('#servico').offset().left + 'px');
            $('.searchresults').css('top', $('#servico').offset().top + $('#servico').height() + 3 + 'px');

            var html = '';

            var id = $(e).closest('tr').find('td').eq('0').html().trim().split('-');

            for (var i in json) {
               html += '<div class="si"><a href="javascript:;" onclick="selectservico(this)" data-servico="' + json[i].valor + '" data-id="' + id + '">' + json[i].nomedesc + ' - ' + 'R$ ' + number_format(json[i].valor, 2, ',', '.') + '</a></div>';
            }

            $('.searchresults').html(html);
            $('.searchresults').show();
         }
      });
}

function selectservico(obj) {
   debugger;
   var id = $(obj).attr('data-id');
   var name = $(obj).html();
   var valor = $(obj).attr('data-servico');
   $('.searchresults').hide();
   $('#servico').val(name);
   $('input[name=vlr_servico[' + id[0].trim() + ']').val("R$ " + number_format(valor, 2, ',', '.'));
}

1 Resposta 1

0

Seu código possui alguns problemas. Corrija-os e deverá funcionar:

1. number_format não é função JavaScript. Substitua:

number_format(json[i].valor, 2, ',', '.') para json[i].valor.toFixed(2).replace('.',',')

e

number_format(valor, 2, ',', '.') para valor.toFixed(2).replace('.',',')

2. O if (datatype != '') { não foi fechado. Adicione uma chave de fechamento } antes de fechar a função onde ele está:

function carregaServico(e) {
   var datatype = $(e).attr('data-type');
   var q = $(e).val();
   if (datatype != '') {
      $.ajax({
         url: BASE_URL + 'ajax/' + datatype,
         type: 'GET',
         data: {
            q: q
         },
         dataType: 'json',
         success: function(json) {
            if ($('.searchresults').length == 0) {
               $('#servico').append('<div class="searchresults"></div>');
            }
            $('.searchresults').css('left', $('#servico').offset().left + 'px');
            $('.searchresults').css('top', $('#servico').offset().top + $('#servico').height() + 3 + 'px');

            var html = '';

            var id = $(e).closest('tr').find('td').eq('0').html().trim().split('-');

            for (var i in json) {
               html += '<div class="si"><a href="javascript:;" onclick="selectservico(this)" data-servico="' + json[i].valor + '" data-id="' + id + '">' + json[i].nomedesc + ' - ' + 'R$ ' + number_format(json[i].valor, 2, ',', '.') + '</a></div>';
            }

            $('.searchresults').html(html);
            $('.searchresults').show();
         }
      });
    } // <---- FALTOU ISTO PARA FECHAR O IF
}

3. Faltou colocar o valor name entre aspas e fechar o colchete:

Nesta linha:

$('input[name=vlr_servico[' + id[0].trim() + ']').val("R$ " + number_format(valor, 2, ',', '.'));

deveria ficar assim:

              ↓                                ↓↓
$('input[name="vlr_servico[' + id[0].trim() + ']"]').val("R$ " + valor.toFixed(2).replace('.',','));

4. No laço for, esta concatenação é desnecessária:

Em vez de ' - ' + 'R$ ', pode fazer assim ' - R$ '

1
  • vlw deu certo, alterei esta linha tbm ` var id = $(e).closest('tr').find('td').eq('0').html().trim().split('-')[0];` passando o var id sem as [ ] diretamente. Commented 29/11/2017 às 14:39

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 .