具有自动完成和即时结果的下拉列表

Question

我想创建一个包含自动填充功能的下拉列表。 该列表将包含一个国家/地区的区域，当用户选择某个区域时，他应该能够立即从该区域查看该区域中其他成员的列表，以及来自该数据库的一些数据。

选择区域后，结果应始终显示在页面上，即使在新会话中也是如此，直到用户更改其设置。

最简单或最有效的解决方案是什么？ 感谢。

Answer 1

这是一个很好的开始方式：https://github.com/devbridge/jQuery-Autocomplete

Answer 2

我会根据我的评论添加一个答案，并在文档中稍微扩展一下：

对于自动完成，jQuery UI已经内置了它，过去我运气好了。

http://jqueryui.com/autocomplete/

您仍然需要填充自动填充信息，就像我在评论中说的那样，您需要在服务页面时提供整个数据集（用户可以选择的内容），或者是否需要提供太多数据一下子，也许就像用户输入AJAX一样（有点像谷歌即时搜索那样）。

jQuery文档非常好，所以你可以在这里看看如何使用它进行AJAX：https://api.jquery.com/jQuery.ajax/

关于跨页面的持久性，PHP会话变量可以工作，但是你说你希望它跨会话工作，所以你可能想要考虑一个cookie，并确保你设置的expiration与所需的行为相匹配。 / p>

http://www.php.net/manual/en/features.sessions.php http://www.php.net/manual/en/features.cookies.php

我希望这会有所帮助。当您开始实施时，请随时回来问一个新问题，只需确保清楚说明您尝试过的内容，目前正在做什么以及需要做什么。这是确保您获得高质量答案的最佳方式。