如何在HTML选择框中为选项添加说明？

Question

我正在寻找处理此用户界面问题的可能方法的建议。

我有一个表单，其中有一个选择框下拉，用户正在选择一个指定的位置 来自公司位置的长列表。此列表中的某些选项具有相似或可能相同的名称，但对应于具有不同地址的位置。

例如，可能有选项：

ABC Company
ABC Company 2nd Floor
BEF INC
BEF INC West
...

我想做的是以某种方式向用户提供有关选择选项的更多信息，可以在选择框本身中，也可以作为悬停工具提示。

理想情况下，我希望选项显示为：

ABC Company
 abc company 100 east ave ny ny 10231
ABC Company 2nd Floor
 abc company 100 east ave suite 600 ny ny 10231
BEF INC
 bef inc 500 main st boston ma 12345
BEG INC WEST
 beg inc 900 north lane san francisco ca 90121
...

是否有人已经使用其他解决方案解决了这个问题，或者对插件有任何建议可以帮助实现这一特定结果？

Answer 1

您应该明确地查看Select 2（加载远程数据的特定情况）。它可以生成下拉：

并且您还可以为您的客户节省时间，因为您可以加载自动填充等元素。