2

Quero que quando eu click nos radios faça a chamada da função, atualmente esta assim.

$("input[name='txtCategoria']").on('blur', function(){
    var txtCategoria = $(this).val();
    $.get('buscar_tipos.php?txtCategoria=' + txtCategoria,function(data){
        $('#tipos').html(data);
    });
});

Porem so quando eu clico no radio e clico em outra parte da pagina que aparece a consulta, queria que quando clica-se ja executa-se, tentei assim.

$("input[name='txtCategoria']").on("click", function(){
    var txtCategoria = $(this).val();
    $.get('buscar_tipos.php?txtCategoria=' + txtCategoria,function(data){
        $('#tipos').html(data);
    });
});

Mas não funcionou, alguém poderia me ajudar?

1 Resposta 1

3

blur quer dizer "quando o elemento perder o foco". É isso que acontece quando clicas fora desse elemento, e a função corre. Porque ele "perdeu o foco".

O mais semântico seria usar o change, que é quando o input mudar de valor. Assim, mesmo para quem navegue e mude o input com o teclado, a lógica vai funcionar.

$("input[name='txtCategoria']").on("change", function() {
  $.get('buscar_tipos.php?txtCategoria=' + this.value, function(data) {
    $('#tipos').html(data);
  });
});
4
  • 1
    Amigo muito obrigado, estou começando agora em JavaScript estou apanhando muito kkk. Commented 25/03/2017 às 15:25
  • 1
    @EvertonFigueiredo ainda bem que pude ajudar. Repara que usei this.value. Nesse código faz o mesmo, e mais rápido/simples que $(this).value();
    – Sergio
    Commented 25/03/2017 às 15:26
  • 1
    @EvertonFigueiredo Nota que o teu exemplo com click devia funcionar também (para cliques). Pode ser que precises de delegar o evento. Se tiveres problemas diz.
    – Sergio
    Commented 25/03/2017 às 15:28
  • 1
    So fiz a alteração de blur para change e funcionou perfeitamente. Commented 25/03/2017 às 15:35

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 .