forEach（Node / Express）中的DOM元素最小化

Question

我有一个Node / Express应用程序，在我的新路由中，我有一个下拉字段，允许使用一个遍历数据库中所有现有用户的forEach循环进行一个或多个选择。当前有1400个用户，尽管这个数字正在稳步增长。

                            <label for="interviewees" class="profile-label">Your PANGYAO Username:</label>
                            <select id="interviewees" class="mselect standard-input" name="haoPangyao[interviewees][]" data-placeholder="Select Your Username" multiple>
                                <% interviewees.forEach(interviewee => { %>
                                    <option value="<%- interviewee.id %>"><%- interviewee.username %> </option>
                                <% }); %>
                            </select>
                        </div> 

在一种简单的输入表单上，Google Pagespeed将其标记为“避免DOM太大”下的一个问题，该问题只会随着用户数量的增加而增加。

我在该领域使用JS Chosen；有没有一种方法可以保留搜索（多个）用户的能力，但又避免每次都将整个列表作为单个DOM元素加载？

谢谢

Answer 1

[您需要查看合并JS来延迟加载此工具的内容或提供搜索字段，而JS是根据API调用查找结果的JS。