1

Então amigos, eu tenho uma pagina com um for que faz criar varios formularios. Em cada form eu tenho um input file, que eu quero tratar individualmente. Porem, quando eu tento usar algum eventlistener, ele só funciona com o primeiro input do for. Eu não sei como posso fazer para todos funcionarem. Eu fiz um JSFiddle ilustrando o meu problema aqui. Notem que o alert só é acionado no primeiro caso, já nos demais nada acontece.

Alguem tem alguma solução?

EDIT link do fiddle https://jsfiddle.net/2wapy6uo/

3
  • Acho que o seu fiddle não veio... Commented 11/02/2016 às 16:36
  • #CadeOFiddle? haha Commented 11/02/2016 às 16:42
  • pronto haha, tanto projeto que a cabeça nao aguenta Commented 11/02/2016 às 16:43

1 Resposta 1

2

Você precisa utilizar querySelectorAll e usar um each para cada um dos elementos, como no abaixo:

var inputs = document.querySelectorAll('input.sliderAluno');

[].forEach.call(inputs, function(input) {
    input.onchange= function()
    {
        alert("event");
    }
});
3
  • não funcionou aqui. Commented 11/02/2016 às 16:48
  • atualizei a resposta, olha agora
    – N. Reek.
    Commented 11/02/2016 às 16:50
  • Deu certinho, valeu!!! Commented 11/02/2016 às 17:14

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 .