Javascript jqueryid应用

我正在尝试使用Jquery和PHP创建一个动态订单，但遇到了问题。我有一个Jquery代码，

onclick

添加了一组新字段。同样在jquery代码中，我对其中一个字段应用了一些样式和jquery。这是一个多选、可搜索的下拉列表

然而，这里有一个问题。我可以应用这种风格，使它有搜索栏等第一个。后面的只是随机的多列表，没有值或搜索栏

这是我的密码：

$（文档）.ready（函数（）{
var max_fields=100；//允许的最大输入框数
var wrapper=$（“.input_fields_wrapp”）；//字段包装器
var add_button=$（“.add_字段_button”）；//添加按钮ID
var x=1；//初始文本框计数
//这个有用！！
var arrayFromPHP=['foo'，'bar']；/；
$（“#国家”+x）。选择2({
数据：arrayFromPHP
});
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x

编辑并尝试以下操作：

        var newContent = $('' +
            '<div>' +
            '<select id="country'+ x +'" multiple="multiple" style="width:300px;">' +
            '</select>' +
            '<a href="#" class="remove_field">Remove</a>' +
            '</div>' +
            '<div><input type="number" name="quantity'+ x +'" min="1" max="10"><a href="#" class="remove_field">Remove</a></div>'
        )
        $(wrapper).append(newContent);
        newContent.find("#country" + x).select2({
            data: arrayFromPHP
        });

var newContent=$（“”+
'' +
'' +
'' +
'' +
'' +
''
)
$（包装器）.append（新内容）；
newContent.find（“#country”+x）。选择2({
数据：arrayFromPHP
});
在HTML元素存在之前，您正在初始化select2：

$("#country" + x).select2({
  data: arrayFromPHP
});

$(wrapper).append('' +
  '<div>' +
  '<select id="country'+ x +'" multiple="multiple" style="width:300px;">' +
  '</select>' +
  'etc...');

它不能解决我的问题，但是有什么理由比我的代码更好呢？想知道这里有多个问题。。。共同导致很多头痛的问题。仅修复一个（更改
$（添加按钮）。单击
到
$（“.add\u field\u按钮”）。单击
），是不够的。@难以置信，我明白你的意思。但至少我在努力。我把你的评论改成了第一步。
$(wrapper).append('' +
  '<div>' +
  '<select id="country'+ x +'" multiple="multiple" style="width:300px;">' +
  '</select>' +
  'etc...');

$("#country" + x).select2({
  data: arrayFromPHP
});