Динамическое добавление тегов ввода с помощью jQuery

Question

Я беру сумму из одного поля ввода и создаю цикл for...each для добавления полей ввода. Но я столкнулся с проблемой. Я пытался использовать append() и html() - append() продолжает добавлять больше ячеек, чем необходимо, а html() добавляет только последний. Которые оба являются правильными. Но мне нужно, чтобы поля ввода точно соответствовали сумме. И если поле ввода снова изменится, мне нужно его обновить.

вот jsfiddle: http://jsfiddle.net/liveandream/mRY3d/

Надеюсь, это имеет смысл ... и, надеюсь, кто-то может мне помочь !! Заранее спасибо ..

Answer 1

Вы, вероятно, хотите добавить:

$('.extrakids').empty();

Прямо перед вашей for петлей;

Answer 2

http://jsfiddle.net/iambriansreed/mRY3d/22/

Мой ответ решает множество проблем.

Если вы добавляете или удаляете дочерние элементы, вы не перезаписываете блоки и не теряете данные, помещенные в эти блоки.

Время обновления истекло, поэтому, если пользователь пропустит цикл JS, он не потерпит крах, если попытается создать слишком много.Я также увеличил число созданных детей.

Я оставил html там, где он был, и создал входные данные из него.

И я исправил исходную проблему.