Javascript append函数不能与change函数jquery一起使用

我有三个选择标签，在选择每个选项后，这些选项将成为新选择的新选项。我用的是变化函数。问题一是，当我使用change函数时，append函数不能使用它

这是我的密码

jquery//edited代码仍然无法运行

 $('select[name="brand[]"]').change(function () {
 text= $(this).children("option").filter(":selected").text();
  value=$(this).val();
$('#select1').append(new Option(text, value));// the new select tag(not working)
       console.log(text,value);
      });

解决方案：

let value=''；
$（'select[name=“brand[]”）。更改（函数（）{
text=$（this）.children（“选项”）.filter（“：selected”）.text（）；
value=$（this.val（）；
$（'#select1'）。追加（''+text+''）；
console.log（文本、值）；
});

一个文本
两个文本
三个文本
解决方案：


let value=''；
$（'select[name=“brand[]”）。更改（函数（）{
text=$（this）.children（“选项”）.filter（“：selected”）.text（）；
value=$（this.val（）；
$（'#select1'）。追加（''+text+''）；
console.log（文本、值）；
});

一个文本
两个文本
三个文本
您正在创建重复的事件侦听器，方法是使用相同的全局选择器来创建更改事件，您将不断获得
$（'select[name=“brand[]”“]）
，它是元素的集合。使用
让t=$（这个）。这甚至不需要。你可以只做更改事件绑定，忽略外部的每个部分。我做了，但是附加功能仍然不起作用！！在这里可以很好地工作：提供一个演示，演示您的问题您正在创建重复的事件侦听器，方法是使用相同的全局选择器来进行更改事件您一直获得的
$（'select[name=“brand[]”]）
，这是一个元素集合。使用
让t=$（这个）。这甚至不需要。你可以只做更改事件绑定，忽略外部的每个部分。我做了，但是附加功能仍然不起作用！！在这里工作很好：提供一个演示来演示您的问题伙计们，谢谢你们的努力，但是看，它在jsfiddle.net/5Lkhe8zw上工作，但在codepen.io/pen上不工作，我的代码也是如此！！！请打开链接，-它很好用，谢谢你的努力，但是看，它在jsfiddle.net/5Lkhe8zw上有效，但在codepen.io/pen上无效-我的代码也是如此！！！请打开链接，-它工作正常