Javascript 具有搜索功能的下拉列表，可搜索超过300k条记录

GUI中有一个多选下拉列表，它有超过300k条记录。由于数据量巨大，GUI的速度减慢了5分钟以上。我想

引入有助于查找正确记录的搜索选项

减少加载时间-这是我的首要任务

我们必须从数据库中提取300k记录并发送到浏览器，而浏览器需要大约12mb的数据

---

我试图将其框架化为json数据，但加载时间仍然是相同的

在这种情况下，向客户端发送那么多数据肯定没有多大意义。如果您的首要任务是减少加载时间，则需要在服务器上进行处理

用户的输入可以通过AJAX请求发送到服务器。然后，自动完成功能将显示服务器的响应数据。这是一个非常小的来回设置的数据量，并且它根本不会影响加载时间，因为它是异步请求

---

这里的另一个问题是数据库性能。这将取决于您通常获得的用户数量。如果您有很多流量，可能需要调整数据库以针对这种情况对其进行优化。另一个选项是将数据框定为JSON，并将其保存在静态文件中。如果数据不经常更改，或者根本不更改，这将是可行的

欢迎来到堆栈溢出！将如此大量的数据发送到浏览器可能不是一个好主意。请记住，用户永远不会看到所有这些。请改用自动完成控件。用户永远不会滚动浏览所有这些内容以找到答案的选项。但只有我相信，自动完成功能可以在文本框中实现。我需要多选下拉列表。@minnalprathap解决方案是允许用户连续选择多个值-一旦选择了一个值，就在页面上文本框下方的另一个元素中显示它（必要时将其存储在JS数组中）。然后清除文本框并允许他们搜索其他值。这是一种非常常见的技术。你不需要一个多选下拉列表，你只是没有用你的想象力去想另一种方法。“多选”下拉列表永远不会处理这一卷数据-由于查找任何内容所需的滚动量，它将不可用。@ADyson说得通。谢谢。我将尝试这种方法