javascript - 使用大量值填充 <select></select>

标签 javascript html angularjs

我有一个网络表单,用户可以输入某些特征的值,但是其中一些特征有多达 45000 个值。

虽然在填充下拉列表并尝试快速滚动时有轻微的滞后,但选择在较早的时候起作用,但现在它根本不填充并且 Web 表单挂起。

有没有办法有效地将这么多值包含到下拉列表中?还有哪个是可搜索组合框的最佳库?

我查看了此实现,因为它具有“打开时加载”功能,我认为这可能是有益的,但它似乎不起作用并且不再积极开发。 http://john-oc.github.io/

谢谢

最佳答案

也许在这种情况下使用自动完成功能而不是选择菜单会更好。用户可以输入前几个字符,导致请求开始根据他们的输入过滤结果。

这里有几个非常好的自动完成插件:

https://github.com/devbridge/jQuery-Autocomplete

自己动手:

http://www.webreference.com/programming/javascript/rg16/index.html

关于javascript - 使用大量值填充 <select></select>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38256849/

相关文章:

javascript - 如何防止 CSS 粘贴到 contenteditable div 中

angularjs - 在 Controller 中公开服务属性的正确方法是什么?

javascript - 使用 AngularJS 保存修改后的 json 文件

javascript - 如何让div一次显示一个,设置为一个时间

javascript - 当图像实际出现在屏幕上时,如何让 jQuery 调用事件处理程序?

javascript - firebase onAuth() 抛出 : TypeError cannot read property 'auth' of undefined

javascript - 我无法使用 Node.js 连接到我的 mysql 数据库(connection.connect 问题)

javascript - 在actioncreator/selector中获取路由参数?

javascript - Vue 3 组合 API 去抖动功能

android - 我在垂直对齐位置为 :fixed; container 的行高文本时遇到问题