Javascript 重置循环

Question

我的 javascript 代码有点问题，我构建了一个函数，该函数按用户选择的数量添加文件，这是函数

$(document).ready(function() {
  $('.qty').change(function(){
     for (var i=0;i<$('.qty').val();i++){
       $('.append').append('<select name="data[]"><option value="one">1</option></select>');
     }
  });
});

HTML 代码是:

<select name="qty" class="qty">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
</select>
<div class="append">

</div>

当我在数量中选择一个值时，比如说 3，它会打开 3 个选择字段，但是当我将选择更改为 2 时，它会添加 2，所以我有 5 个选择字段，我该如何重置？如果我选择 1，它将打开我 1，如果我将其更改为 2，它将改变并打开我 2 而不是像现在这样的 3。

Answer 1

尝试:

$(document).ready(function() {
  $('.qty').change(function(){
    var html=''
     for (var i=0;i< parseInt($('.qty').val());i++){
       html += '<select name="data[]"><option value="one">1</option></select>';
     }
     $('.append').html(html);
  });
});