[m21d24]

html

jquery

$(".form-control").keyup(function () {

    if (this.value.length == this.maxLength) {

        $(this).next('.form-control').focus();

    }

});

Skrypt ma przełączać kursor na nastepne pole, gdy osiągnie maxlength. Kiedy inputy są w jednym divie, działa to prawidłowo, ale gdy umieszczę je w divach (bootstrap), nie wiem jak wskazać ten następny input.

#webdev #jquery #html

[entrop]

@m21d24: next() idzie po siblingach, więc jak elementy nie są koło siebie na tym samym poziomie to nie znajdzie

this.parent().next('div').find('input')

czy jakoś tak

[m21d24]

@entrop: wiem jak działa next(), ale nie miałem pojęcia jak "wrócić" poziom wyżej i wybrać ten następny input.

Twoje rozwiązanie działa, dzięki wielkie :)

[entrop]

@m21d24: czytaj dokumentację :P

tak jeszcze rzucę dwie uwagi które mozesz uznać za cenne:

1. nie rób nigdy selectów po klasach gridowych, bo te się mogą