1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Como deixar uma lista "selecionavel" com js/jquery?

Discussion in 'Technology' started by André Tripode Colognesi, Oct 8, 2018.

  1. Ola, eu fiz um autocomplete mas não consigo deixar a lista selecionavel com o teclado, consigo apenas selecionar com o mouse através da função mouseover, alguem teria alguma solução para isso? segue o código:

    function autoBanco(event, ds){

    if(event.keyCode != 37 && event.keyCode != 38 && event.keyCode != 39 && event.keyCode != 40){
    $('#bds').empty();
    $.ajax({
    type: "GET",
    url: "{{url('pesquisaBanco')}}",
    data: {dados : ds },
    dataType: "JSON",
    success: function (response) {
    var b = response.Banco;
    console.log(b);

    b.forEach(element => {
    $('#bds').append(`<li class="list-group-item list-group-item-action" data-toggle="list" role="tab" id="${element['ID_CD_BANCO']}" value="${element['ID_CD_BANCO']}" onclick="$('#ds_banco').val(this.innerHTML),$('#bds').empty()"
    onmouseover="$('#${element['ID_CD_BANCO']}').addClass('active'),$('#ds_banco').val(this.innerHTML)" onmouseleave="$('#${element['ID_CD_BANCO']}').removeClass('active') ">${element['NM_BANCO']}</li>`);
    });
    }
    });
    }
    }

    Login To add answer/comment
     

Share This Page