Как генерировать количество блоков в зависимости от val?

Question

[Павел]

Есть простой инпут, беру с него value например 10 , надо в другой блок проставить 10 картинок , сделал цикл

for (var i = 0; i < $val1.val(); i++) {
                id блока.append('<img src="img.jpg" alt="">');
            }

но если так то добавляет "всегда" , ввел 10 получил 10 картинок , ввел 4 уже получил 14
если ставить вместо append html то будет всего одна картинка
как сделать чтоб было всегда нужное количество картинок?

Answer 1

[Александр Талалаев]

В цикле в переменную собираешь нужное количество содержимого, потом добавляешь во внутреннее содержание целевого блока:

***
//Лучше скешировать, чтобы меньше было обращений к DOM
var count = $val1.val();
var imgs = '';
for (var i = 0; i < count; i++) {
                imgs = imgs + '<img src="img.jpg" alt="">';
            }
 $(id блока).html(imgs);

Answer 2

[Arman]

как вариант до цикла очистить этот блок $block.html('')

Comments

[Павел]

о точно , спасибо пойдет)

[Александр Талалаев]

Не самый эффективный способ в данном случае.