Question

我有大量的单选按钮（+400 ...），问题是在Microsoft EDGE中，选择单选按钮需要很长时间（+ 15sec）来选择它。

经过测试，我了解到存在太多同名单选按钮时会发生此问题。

是否可以对其进行优化？还是可以更改某些内容？

谢谢您的帮助。

Answer 1

我建议使用虚拟滚动。这意味着您的浏览器始终显示（例如）20个单选按钮，而其他（380多个项目）将在内存中。滚动后，将渲染其他元素，而其他元素将被隐藏。

Have a look here --> https://jsfiddle.net/eu81273/WKJ5z/

Answer 2

什么是“大量单选按钮集合”？在不同的情况下，可以使用不同的控件。

如果该字段是“国家/地区” 之类的内容，则用户无需阅读所有选项就可以知道答案是什么，然后是下拉列表 >非常理想：它易于使用，只占用很少的页面空间，并且易于显示和在大多数设备上进行选择。

如果该字段类似于“机场” ，而用户不需要阅读大多数选项，但可能不知道他们到底想要什么，则自动完成文本字段是很好的：设置起来有点费力，并且可能会更脆弱（例如，在旧软件或网络连接不良的情况下），但通常更易于使用。

但是如果用户需要阅读一些选项范围以做出决定，那么数百个选项就太多了。您可以通过某种方式将它们分成某种方式-可能是通过钻取方法分层地进行，也许是其他方式。

您还可以选中this thread和this article。