Javascript 使用Ajax创建元素时填充数据

当用户单击按钮时，我创建了一个动态元素。元素是Combobox。 我从数据库中获取的组合框中的数据。我用Ajax拍摄的

但是，我在将数据放入动态组合框时遇到了一个问题

这是我的代码：

$(document).ready(function(){
        var berkasNumber = 5;

        $("#tambah_field_berkas").click(function() {
            var strField = "<div class='form-inline'><div class='form-group'><select name='jenis_berkas[]' id='berkas' class='form-control'><option value='' class='form-control'>Pilih Berkas</option></select></div><div class='form-group'><input type='text' name='biaya[]' class='form-control' placeholder='Biaya' /></div><div class='form-group'><input type='text' name='lokasi[]' class='form-control' placeholder='Lokasi' /></div>&nbsp;&nbsp;<div class='form-group'><a onclick='hapus()' id='remove_field_berkas'> <span class='glyphicon glyphicon-remove red' style='cursor:pointer;' title='Remove'></span></a></div></div>";

            if (counter <= berkasNumber) {
                // Populate combobox value
                $.ajax({
                    url : 'helper_berkas.php',
                    dataType : 'json',
                    success : function(data) {
                        for(var i = 0; i < data.length; i++) {
                            //console.log(data[i].nama_berkas);
                            $("#berkas").append('<option>'+ data[i].nama_berkas +'</option>')
                        }
                    }
                });

                $("#field-berkas").append(strField);
            }

            counter++;
        });
    });

$（文档）.ready（函数（）{
var berkasNumber=5；
$（“#tambah_field_berkas”）。单击（函数（）{
var strField=“Pilih Berkas”；
if（counter具有相同id的多个元素…@epascarello是的，如何处理？一种方法是将计数器附加到id。另一种方法是使用类和DOM遍历函数。我使用它，但不起作用，
$（“#berkas”+counter）。append（“”+数据[I]。nama#u berkas+“”）；