javascript - jquery selectize错误：添加新选择字段并将它们组合起来的问题

Question

我正在尝试选择库，这样我就可以在我的表单上有一个组合框。

所以我的表单有一种方法可以动态添加更多下拉列表（我想成为组合框），所以每当用户添加新的下拉列表时，我想对其应用 Selectize 组合框。因此，在添加新下拉列表的函数中，在添加它之后，我使用以下代码：

$('select').each(function() {
  if (!$(this).is('selectized')) {
    $(this).selectize({
      create: true,
      sortField: 'text'
    });
  }
});

我认为这只会将其应用于尚未应用 Selectized 组合框的下拉菜单，但出现了问题。基本上它将它应用于新的组合框，但现有的组合框发生了一些奇怪的事情。它每次都添加某种空白下拉列表。

我试图环顾四周，但找不到用于组合框化新添加的选择字段的“官方”解决方案。我不知道这是否是我如何应用它的问题，或者它是否与 twitter bootstrap 或 jquery-ui 或 jquery 本身存在某种奇怪的冲突（我将所有这些都包括在了小提琴中）

无论如何，这是一个链接，您可以在其中看到此问题的实际效果：

有没有人有这方面的经验或知道这里发生了什么？

编辑：

我还做了一个 fork 删除 jquery-ui 和 bootstrap，所以它只是 jquery（Selectize 需要）和 Serialze，问题仍然存在：

score 0 · Accepted Answer

好吧，我想出了如何解决它..

如果我id向新元素添加一个属性并以此为目标，它就可以工作。这是另一个演示它的叉子：

我在 Selectize 文档中找不到任何必要的地方（虽然我可能是盲目的！）选择字段必须有一个 id 或者它是否可以在没有 ID 的情况下工作，但我只是做错了或什么。

1 回答 1