Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

sNniffer

Autocomplete JqueryUi com PHP retornar vários dados

Recommended Posts

Tenho dois inputs, estou usando o automplete em apenas um. O código do autocomplete:

$(document).ready(function() {
$.getJSON('include/funcoes/carrega_cidades.php', function(data){
var dados = [];

        $(data).each(function(key, value) {
            dados.push(value.name);
        });

        $('#cidade').autocomplete({ source: dados, minLength: 3});
    });
});

cidade é o input que tem o autocomplete e está retornando normalmente. Preciso trazer para outro input o id_cidade, o ID da cidade retornada no autocomplete.

SQL:

$pdo = new PDO("mysql:host=localhost; dbname=iboard; charset=utf8;", "root", "");
$dados = $pdo->prepare("

        SELECT
            id,name
        FROM
            cidade

    ");
$dados->execute();
echo json_encode($dados->fetchAll(PDO::FETCH_ASSOC));

Vlw

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvido já a algumas semanas, solução

$.getJSON('include/funcoes/carrega_cidades.php', function(data){

    var dados = [];

        $(data).each(function(key, value) {
            dados.push({label: value.name, id: value.id});
        });

        $('#cidade').autocomplete({ 
            source: dados,
            minLength: 3,
            select: function (event, ui) {
                  if (ui.item && ui.item.id) {
                     $("#cidadeID").val(ui.item.id);
                  return false;
               }
           },

        });
    });
});

O SQL continua o mesmo.

 

 

Dois inputs um onde será digitado e retornado o autocomplete tem o id='cidade', o outro que recebe o id da cidade tem id='cidadeID'.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.