3

Como selecionar um elemento por algum atributo tipo (type, for, value) como se faz no jQuery ex: [type=text]?

Queria fazer uma função pra pular campos em um formulário automático...queria fazer tipo assim, pegar o tabindex do elemento atual e fazer o elemento tabindex + 1 ganha focus().

Segue o script para pular campos ao serem preenchidos por completo com auxilio do Sérgio:

function pulacampo(id){
	var campo = document.getElementById(id);
	var proximo = campo.tabIndex +  1; 
	var proximoElemento = document.querySelector("[tabindex='" + proximo + "']");
			
			if (campo.value.length == campo.maxLength){
				proximoElemento.focus();	
			
			
		}
	
}

Precisa só definir os tabindex dos campos e inserir a função no keypress/down/up

1
  • 1
    É igual ao jQeury mas usando o querySelector. Testa document.querySelector('[type="text"]');
    – Sergio
    6/02/2016 às 14:51

1 Resposta 1

4

Podes usar o querySelector para seletores CSS.

Por exemplo var tres = document.querySelector('[tabindex="3"]');

Exemplo: https://jsfiddle.net/x8mbbx43/

1
  • Obrigado, funcionou perfeitamente, vou deixar a função para quem precisar 6/02/2016 às 15:33

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 .