php - jQuery Chosen 搜索不适用于动态填充的选项 (PHP/MySQL)

Question

我有一个select 菜单，其中包含通过PHP 和MySQL 填充的选项。在实现 jQuery Chosen 之前，选择 dropdown menu 工作正常，但最终选项列表会很长，所以我使用 Chosen 以便包含搜索功能。选项正在下拉列表中填充，但我的问题是搜索无法识别任何动态填充的选项。我在可用选项上收到“没有结果匹配...”。我通过硬编码一些选项来确保该插件正常工作，并且这些选项确实可以搜索。

关于可能发生的事情有什么想法吗？

Answer 1

我知道这个问题已经过时了，但我只是对这个确切的问题束手无策，无法在网上找到任何帮助(而且这个问题还没有公认的答案，所以......)。

无论如何，这是我的场景:

我的“选择”输入是在页面加载时通过 PHP 以编程方式生成的，选择的初始化很好(并且实际上在同一表单上的其他 2 个下拉菜单中正常运行)但是当我搜索时在这个特定的下拉菜单中一个值(我可以在列表中清楚地看到的值)如果我键入超过 1 个字符，我会收到“没有匹配的结果...”消息。

问题实际上与我的 php 源代码的格式有关。似乎“选项”标记的内部 HTML 中的任何换行符(可能还有前导/尾随空格)都会破坏“选择”中的搜索功能。例如:

这段 PHP 代码:

<select>
    <option>
        <?php print( "inner HTML" ); ?>
    </option>
    <option>
        <?php print( "more inner HTML" ); ?>
    </option>
</select>

正在输出这个 HTML:

<select>
    <option>
        inner HTML
            </option>
    <option>
        more inner HTML
            </option>
</select>

这破坏了搜索功能，但是当我将源代码更改为此时:

<select>
    <option><?php print( "inner HTML" ); ?></option>
    <option><?php print( "more inner HTML" ); ?></option>
</select>

生成此 HTML:

<select>
    <option>inner HTML</option>
    <option>more inner HTML</option>
</select>

一切都按预期进行:D

希望这对正在谷歌搜索此问题答案的其他人有所帮助。