<select>选项高级显示</select>

时间:2010-01-20 12:41:52

标签: html css

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

如果未选择,我希望显示“短”标签,但点击后,从“长”标签中选择的完整选项应显示在下拉列表中。

这是否可能与HTML?或者我是否需要使用js / css渲染文本字段并在其上绘制选择? 是否可以在任何框架中使用高级组件?

2 个答案:

答案 0 :(得分:3)

使用纯HTML无法实现。这可能需要基于Javascript的SELECT替换。

查看以下资源:

(想要发布每个JQuery,Prototype和Mootools插件的示例,以避免使用Frameworkism,但现在无法快速找到)

答案 1 :(得分:2)

将文本框与具有短标签的js下拉列表连接并填充全名可能更简单。有很多人已经完成了大部分工作,只需要进行一些调整即可实现全部效果。