<select> 选项高级显示答案

【问题标题】：<select> options advanced display<select> 选项高级显示
【发布时间】：2010-01-20 20:45:09
【问题描述】：

我有一个带有国家代码值的选择框，它们有一个“短”标签（2 个字母）和一个“长”标签（全名）。

当未选中时，我希望显示“短”标签，但是当单击时，从“长”标签中选择的完整选择应该出现在下拉列表中。

这甚至可以用 html 实现吗？还是我需要渲染一个文本字段并使用 js/css 在它上面绘制选择？是否有任何框架中可用的高级组件？

【问题讨论】：

标签： html css

【解决方案1】：

使用纯 HTML 是不可能的。这可能需要基于 Javascript 的 SELECT 替换。

查看这些资源：

（想为每个基于 JQuery、Prototype 和 Mootools 的插件发布示例以避免框架主义，但现在无法快速找到）

【讨论】：

【解决方案2】：

使用带有短标签并填充全名的 js 下拉列表连接文本框可能更简单。其中有很多已经完成了大部分工作，只需进行几次调整即可获得完整效果。

【讨论】：