jquery - 获取 jquery select2 插件以处理附加表单

Question

我正在使用带有 ajax 调用的 select2 插件来获取使用隐藏字段的选择框。在我的页面上，我有一个添加按钮，可将另一个选择框添加到页面中。我试图让 select2 插件在这个插入的字段上工作。我也尝试过“开”的方法..

$('.selectcateg').on('load',function(){
   $('.selectcateg).select2({
   minimumInputLength: 2,
   ajax: {
      url: "../../../datafeeds/categorylist.php",
      dataType: 'json',
      data: function (term, page) {
      return {
          q: term
      };
   },
     results: function (data, page) {
        return { results: data };
     }
   }
});
});

但是这样即使在最初加载的字段上也会停止工作。如果我删除“打开”功能，它不适用于添加的内容。

这是我用来附加到我的表单的基本代码..

$('#catgeoryform').append('<input type="hidden" name="category[]" class="selectcateg">');

Answer 1

所以我认为经过不同的尝试 5 小时后，我已经让它工作了。

我不得不对事件使用回调来触发选择插件。我相信有一种更简单的方法可以解决这个问题，但它可以工作，所以我很高兴。

我向上滑动添加按钮，附加信息，向下滑动新输入框，然后调用函数..

并将 select2 框添加到隐藏的输入中。