jQuery 选择错误:添加新的选择字段并对其进行组合时出现问题

jquery selectize error: issue with adding new select fields and combox-ifying them

本文关键字：选择 组合 问题 添加 错误 jQuery 字段      更新时间：2023-09-26

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

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

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

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

我试图环顾四周，但我找不到"官方"解决方案来组合新添加的选择字段。 我不知道这是否是我如何应用它的问题，或者它是否与 Twitter 引导程序或 jquery-ui 或 jquery 本身发生了某种奇怪的冲突(我把所有这些都包括在小提琴中(

无论如何，这里有一个链接，您可以在其中看到此问题的运行情况：

http://jsfiddle.net/Qz7Ar/2/

有没有人对此有经验或知道这里发生了什么？

编辑：

我还做了一个分支来删除jquery-ui和bootstrap，所以它只是jquery(Selectize需要(和Serialze，问题仍在发生：

http://jsfiddle.net/Wxxub/1/

好吧，

我想出了如何解决它。

如果我将id属性添加到新元素并以此为目标，它会起作用。 这是另一个演示它的分支：

http://jsfiddle.net/Wg7J6/1/

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

相关文章：