0

Estou utilizando o typeahead, que funciona da seguinte forma, todo texto que digito no campo ele pega o valor do campo, vai ate uma base de dados, pesquisa e cria um dropdown com os valores encontrados.

Ele funciona perfeitamente, mas eu queria que assim que fosse pressionado o botão enter o campo completasse com o primeiro valor do dropdown.

Consigo pegar o primeiro valor com:

var valor = $(".tt-suggestion p").first().text();

Mas ao tentar setar ele no campo utilizando:

$("#cidade_estado").val(valor);

ou

$("#cidade_estado").val(valor);

Não acontece nada.

Eu sei que ele esta entrando no if já que ele faz o:

$("#telefone").focus();

Normalmente e mostra os valores no console.

$(document).ready(function () {
    $('input.cidade_estado').typeahead({
        name: 'municipio',
        remote: 'action/getMunicipios.php?query=%QUERY'
    }).keypress(function (e) {
         var valor = $(".tt-suggestion p").first().text();
         console.log("Aqui: " + valor);
        if (e.which == 13) {
            console.log("13: " + valor);
            $("#cidade_estado").val(valor);
            $('#cidade_estado').attr('value', valor);
            $("#telefone").focus();
            return false;
        }
    });
});

html:

            <form id="formemail" action="action/enviaemail.php" method="post">
                <input name="nome" type="text" placeholder="Nome completo">
                <input name="empresa" type="text" placeholder="Empresa">
                <input id="cidade_estado" name="cidade_estado" class="cidade_estado" type="text" placeholder="Cidade">
                <input name="telefone" class="grupocontato" id="telefone" type="text" placeholder="Telefone">
                <input name="email" class="grupocontato" type="text" placeholder="Email">
                <textarea name="mensagem" placeholder="Mensagem"></textarea>
                <input class="btnContato" type="submit" value="Enviar">
            </form>

Console:

inserir a descrição da imagem aqui

10
  • O valor está sendo impresso normalmente no console.log? Você poderia colocar o trecho HTML também? Commented 18/09/2017 às 15:54
  • O valos é mostrado normalmente no console, eu também tentei colocar uma string qualquer lá e da o mesmo efeito, ou seja nada. Commented 18/09/2017 às 15:57
  • Ja tentou setando ele mesmo ? $(this).val(valor) Commented 18/09/2017 às 16:06
  • Não tinha, mas testei aqui agora e não funcionou. Commented 18/09/2017 às 16:08
  • 1
    Ah, vc quer preencher o campo do plugin ? precisa triggerar um clique no valor em questão, veja qual a identificação do elemento que o typeahead renderiza sobre o input, e trigere um clique no valor que você quer em vêz de tentar dar um val(value), acho que assim vai preencher Commented 18/09/2017 às 16:31

1 Resposta 1

0

Com a ajuda do AnthraxisBR a questão foi resolvido:

$(document).ready(function () {
    $(".twitter-typeahead span").text('dfsd');
    var campo = $('input.cidade_estado');
    campo.keypress(function (e) {
         var valor = $(".tt-suggestion p").first().text();
        if (e.which == 13) {
            $(".tt-suggestion p").trigger( "click" );
            $("#telefone").focus();
            return false;
        }
    }).typeahead({
        name: 'municipio',
        remote: 'action/getMunicipios.php?query=%QUERY'
    });
});

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 .