0

Tenho este código

        <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
        <script type='text/javascript' src="js/jquery.autocomplete.js"></script>
        <link rel="stylesheet" type="text/css" href="js/jquery.autocomplete.css" />
        <script type="text/javascript">



            $().ready(function() {
               

                $("#course").autocomplete("autocomplete.php", {
                    width: 300,
                    matchContains: true,
                    mustMatch: true,
                    minChars: 0,
                    //multiple: true,
                    highlight: false,
                    //multipleSeparator: ",",
                    selectFirst: true
                });
            });



        </script>

<input type="text" name="course" id="course" size="100"/><br><br><br>
<input type="text" name="id" id="id" size="100">

Que gera este resultado:

resultado em html

E tenho dois input text nele. É possível notar que quando o usuário pressiona alguma tecla, a função chama o arquivo autocomplete.php que retorna um resultado em json.

{"nome": "Agostinho", "id": "1"}

O que eu preciso agora:

Queria distribuir os resultados: nome e id em inputs diferentes. O nome ir para o campo course e o id ir para o campo id

Como eu poderia proceder neste caso?

1 Resposta 1

0

Utilize o JSON.parse(json) para transformar o resultado do autocomplite em objeto.

Dessa forma poderá fazer assim:

var pessoa = JSON.parse(json);
$('#input-nome').val(pessoa.nome);
$('#input-id').val(pessoa.id);

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 .