Создание и удаление input'ов по value?

Question

[WildKayote]

Есть инпут в которой будет добавляться текст. При заполнении maxlength нужно создать новый и сделать фокус на него. При стирании символов - удалить инпут и перести также фокус. Пытался через createElement, но не осилил. Слаб в js Сейчас вот такая вот демка есть https://jsfiddle.net/1j5s5g7c/
Но тут просто скрываем и открывает input, а нужно в добавлять/удалять элемент в DOM. Спасибо

Answer 1

[lemme]

логику обработки первого элемента и,что соседний элемент - input добавите сами.
https://jsfiddle.net/s9ykxsqt/

Comments

[Алексей Зуев]

Пример хороший, но я думаю есть много нюансов, которые он сам вряд ли сможет решить take.ms/Ln4kI. К примеру, если у вас пустой инпут, а вы ставите туда курсор и нажимаете back, или когда у вас 10 символов в инпуте, а вы ставите туда курсор и у вас становится больше символов, или переходить к первому незаполненному input, а не создавать последний

[Алексей Зуев]

take.ms/nIn58

Answer 2

[Stalker_RED]

Кажется, я немного увлекся: https://jsfiddle.net/Stalk/89Lubdvd/

Answer 3

[lubezniy]

А что не осилить-то?
1. Создать элемент createElement-ом
2. С помощью setAttribute задать type, name; если надо, то и value или другие атрибуты (class, style и т. п.)
3. На родительском элементе, в котором находится прежний input, сделать appendChild, подставив туда созданный элемент;
4. На новом элементе выполнить метод focus ().

Comments

[WildKayote]

я же говорю, что слаб в js. Делал в точности как вы описали. Выполнить же эту функцию по onkeydown нужно же или нет? Было бы здорово где нибудь посмотреть, на кодпене или фидле

Answer 4

[lega]

Вот ещё проще (без js*) https://jsfiddle.net/lega911/snvbd0qr/