Skip to main content
removeu 25 caracteres do conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

O que procuras é chamar o focus de um elemento. Por exemplo:

var select = document.querySelector('select');
select.addEventListener('change', function() {
    var input = document.querySelector('input[name="' + this.value + '"]');
    if (input) input.focus();
});

jsFiddle: https://jsfiddle.net/wbnj0cc8/

Neste exemplo cada vez que o select mudar ele vai procurar um input com o nome que foi selecionado no select. Se encontrar coloca-o em foco.

Para casos em que tenhas um limite no input basta contar o tamanho da string no input e passar para o proximo input quando essa condição se verificar. Um exemplo seria:

var inputs = document.querySelectorAll('input');
[].forEach.call(inputs, function(el) {
    if (el.dataset && el.dataset.length) {
        var max = parseInt(el.dataset.length, 10);
        el.addEventListener('keyup', function() {
            if (this.value.length >= max) focusNext(this, inputs)
        });
    }
});

function focusNext(el, els) {
    var match;
    console.log(el)
    for (var i = 0; i < els.length; i++) {
        if (match) {
            els[i].focus();
            break;
        }
        match = els[i] == el;
    }
}

jsFiddle: https://jsfiddle.net/ev20ohty/

O que procuras é chamar o focus de um elemento. Por exemplo:

var select = document.querySelector('select');
select.addEventListener('change', function() {
    var input = document.querySelector('input[name="' + this.value + '"]');
    if (input) input.focus();
});

jsFiddle: https://jsfiddle.net/wbnj0cc8/

Neste exemplo cada vez que o select mudar ele vai procurar um input com o nome que foi selecionado no select. Se encontrar coloca-o em foco.

Para casos em que tenhas um limite no input basta contar o tamanho da string no input e passar para o proximo input quando essa condição se verificar. Um exemplo seria:

var inputs = document.querySelectorAll('input');
[].forEach.call(inputs, function(el) {
    if (el.dataset && el.dataset.length) {
        var max = parseInt(el.dataset.length, 10);
        el.addEventListener('keyup', function() {
            if (this.value.length >= max) focusNext(this, inputs)
        });
    }
});

function focusNext(el, els) {
    var match;
    console.log(el)
    for (var i = 0; i < els.length; i++) {
        if (match) {
            els[i].focus();
            break;
        }
        match = els[i] == el;
    }
}

jsFiddle: https://jsfiddle.net/ev20ohty/

O que procuras é chamar o focus de um elemento. Por exemplo:

var select = document.querySelector('select');
select.addEventListener('change', function() {
    var input = document.querySelector('input[name="' + this.value + '"]');
    if (input) input.focus();
});

jsFiddle: https://jsfiddle.net/wbnj0cc8/

Neste exemplo cada vez que o select mudar ele vai procurar um input com o nome que foi selecionado no select. Se encontrar coloca-o em foco.

Para casos em que tenhas um limite no input basta contar o tamanho da string no input e passar para o proximo input quando essa condição se verificar. Um exemplo seria:

var inputs = document.querySelectorAll('input');
[].forEach.call(inputs, function(el) {
    if (el.dataset && el.dataset.length) {
        var max = parseInt(el.dataset.length, 10);
        el.addEventListener('keyup', function() {
            if (this.value.length >= max) focusNext(this, inputs)
        });
    }
});

function focusNext(el, els) {
    var match;
    for (var i = 0; i < els.length; i++) {
        if (match) {
            els[i].focus();
            break;
        }
        match = els[i] == el;
    }
}

jsFiddle: https://jsfiddle.net/ev20ohty/

adicionou 958 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

O que procuras é chamar o focusfocus de um elemento. Por exemplo:

var select = document.querySelector('select');
select.addEventListener('change', function() {
    var input = document.querySelector('input[name="' + this.value + '"]');
    if (input) input.focus();
});

jsFiddle: https://jsfiddle.net/wbnj0cc8/

Neste exemplo cada vez que o select mudar ele vai procurar um input com o nome que foi selecionado no select. Se encontrar coloca-o em foco.

Para casos em que tenhas um limite no input basta contar o tamanho da string no input e passar para o proximo input quando essa condição se verificar. Um exemplo seria:

var inputs = document.querySelectorAll('input');
[].forEach.call(inputs, function(el) {
    if (el.dataset && el.dataset.length) {
        var max = parseInt(el.dataset.length, 10);
        el.addEventListener('keyup', function() {
            if (this.value.length >= max) focusNext(this, inputs)
        });
    }
});

function focusNext(el, els) {
    var match;
    console.log(el)
    for (var i = 0; i < els.length; i++) {
        if (match) {
            els[i].focus();
            break;
        }
        match = els[i] == el;
    }
}

jsFiddle: https://jsfiddle.net/ev20ohty/

O que procuras é chamar o focus de um elemento. Por exemplo:

var select = document.querySelector('select');
select.addEventListener('change', function() {
    var input = document.querySelector('input[name="' + this.value + '"]');
    if (input) input.focus();
});

jsFiddle: https://jsfiddle.net/wbnj0cc8/

Neste exemplo cada vez que o select mudar ele vai procurar um input com o nome que foi selecionado no select. Se encontrar coloca-o em foco.

O que procuras é chamar o focus de um elemento. Por exemplo:

var select = document.querySelector('select');
select.addEventListener('change', function() {
    var input = document.querySelector('input[name="' + this.value + '"]');
    if (input) input.focus();
});

jsFiddle: https://jsfiddle.net/wbnj0cc8/

Neste exemplo cada vez que o select mudar ele vai procurar um input com o nome que foi selecionado no select. Se encontrar coloca-o em foco.

Para casos em que tenhas um limite no input basta contar o tamanho da string no input e passar para o proximo input quando essa condição se verificar. Um exemplo seria:

var inputs = document.querySelectorAll('input');
[].forEach.call(inputs, function(el) {
    if (el.dataset && el.dataset.length) {
        var max = parseInt(el.dataset.length, 10);
        el.addEventListener('keyup', function() {
            if (this.value.length >= max) focusNext(this, inputs)
        });
    }
});

function focusNext(el, els) {
    var match;
    console.log(el)
    for (var i = 0; i < els.length; i++) {
        if (match) {
            els[i].focus();
            break;
        }
        match = els[i] == el;
    }
}

jsFiddle: https://jsfiddle.net/ev20ohty/

Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

O que procuras é chamar o focus de um elemento. Por exemplo:

var select = document.querySelector('select');
select.addEventListener('change', function() {
    var input = document.querySelector('input[name="' + this.value + '"]');
    if (input) input.focus();
});

jsFiddle: https://jsfiddle.net/wbnj0cc8/

Neste exemplo cada vez que o select mudar ele vai procurar um input com o nome que foi selecionado no select. Se encontrar coloca-o em foco.