Показывать изображения штрих-кода на одной странице на основе изменения введенного номера пользователем с помощью jquery - PullRequest
Новая
       11

Показывать изображения штрих-кода на одной странице на основе изменения введенного номера пользователем с помощью jquery

1 голос
/ 04 мая 2019

Я пытаюсь показать изображения со штрих-кодом, когда пользователь вводит номер изображения в поле input.Я пытаюсь сделать это с помощью события jquery onchange и после этого пытаюсь сделать с помощью цикла for.Это возвращает изображения, но введенный номер и показал изображения не равны.Это перезагружается снова и снова. Кто-нибудь, пожалуйста, помогите мне исправить loop или какой подход должен быть правильным?-

index.html - 

<input type="number" name="counter" value="10" id="counter" onchange="getBarcode()">

<div class="row barcodeimages" id="barcodeimages">

</div>

И мой скрипт - 

 getBarcode();
 function getBarcode() {
    let num = 0;
    let counter = $("#counter").val();
    for (num = 0; num <= counter - 1; num++) {
              $(".barcodeimages").append(`<div class="col-xs-3">
                <img src="https://cdn.pixabay.com/photo/2014/04/02/16/19/barcode-306926__340.png" alt="" class="img-responsive">
               </div>`);
    }
 }

jsfiddle

...