0

Olá, tenho o seguinte script, autocomplete:

<script type="text/javascript">
        $(document).ready(function () {
            $(".nomeCliente").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: "/PreVenda/CarregarCliente",
                        type: "POST",
                        dataType: "json",
                        data: { nome_razao: request.term },
                        success: function (data) {
                            response($.map(data, function (item) {
                                return {
                                    label: item.nome_razao,
                                    value: item.nome_razao,
                                    id: item.id
                                };
                                $("id_cliente").val(data.id);
                            }))

                        }
                    })
                },
                messages: {
                    noResults: "", results: ""
                }
            });
        })
    </script>

Gostaria de saber como faço para colocar o ID em um hidden

4
  • Você quer colocar o id do item selecionado ou todos?
    – Randrade
    Commented 29/08/2017 às 18:07
  • Na hora que seleciono o item, ele carrega o ID do item selecionado no hidden Commented 29/08/2017 às 18:21
  • Esse $("id_cliente") seria o quê? Para alem desse seletor estar errado (falta . ou #) ele nunca é corrido pois tem um return antes. Podes mostrar o HTML que tens e explicar melhor o que queres que aconteça?
    – Sergio
    Commented 29/08/2017 às 18:26
  • eu preciso na hora que seleciono no meu textbox o nome do cliente, ele automaticamente jogue o ID do cliente em um Hidden eu usei $("#id_cliente").val(data.id); mas não consigo coloca o ID do cliente no hidden Commented 29/08/2017 às 18:36

1 Resposta 1

1

Você deve utilizar o evento select para isso. Veja um exemplo básico abaixo:

$(document).ready(function() {
  $(".nomeCliente").autocomplete({
    delay: 100,
    source: function(request, response) {
      var suggestURL = "http://suggestqueries.google.com/complete/search?client=chrome&q=%QUERY";
      suggestURL = suggestURL.replace('%QUERY', request.term);
      $.ajax({
          method: 'GET',
          dataType: 'jsonp',
          jsonpCallback: 'jsonCallback',
          url: suggestURL
        })
        .success(function(data) {
          response(data[1]);
        });
    },
    select: function(event, ui) {
      console.log(ui)
      $("#id_cliente").val(ui.item.value);
    },
    messages: {
      noResults: "sasa",
      results: "sasas"
    }
  });
});

Veja funcionando no JSFiddle.

1
  • Obrigado, me ajudo muito !!! Commented 29/08/2017 às 20:15

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 .