如何将说明添加到HTML选择框中的选项?

问题描述:

我正在寻找可能的方式来处理这个用户界面问题的建议。如何将说明添加到HTML选择框中的选项?

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

例如,有可能选择:

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 
... 

有没有人已经解决了这个问题,其他的解决方案,或者对插件的任何建议,这将有助于实现这一目标的具体结果如何呢?

你应该明确地看看Select 2加载远程数据的特定情况)。它可以向下这样产生的下降:

enter image description here

,你也会节省时间,为你的客户,因为你可以加载像自动完成的元素。