首页 > 数据库> 文章详细

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

2019-10-29 18:29:03 阅读：233 来源： 互联网

我有一个选择菜单,其中的选项通过PHP和MySQL填充.选择下拉菜单在实现jQuery Chosen之前运行良好,但是最终选项列表将非常长,因此我使用的是Chosen,因此包含了搜索功能.选项在下拉列表中填充,但是我的问题是搜索无法识别任何动态填充的选项.我在可用选项上得到“没有结果匹配…”.我通过对其中的一些选项进行硬编码来确保插件可以正常工作,并且确实可以搜索.

关于可能会发生什么的任何想法？

解决方法:

我知道这个问题很旧,但是我只是想解决这个确切的问题,而无法在网上找到任何帮助(而且这个问题还没有公认的答案,所以…).

无论如何,这是我的情况：

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

实际上,该问题与我的PHP源代码的格式有关.似乎“ option”标签的内部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

希望对其他正在寻找该问题答案的人有所帮助.

标签：jquery-chosen,mysql,php,jquery
来源： https://codeday.me/bug/20191029/1962157.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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