<select>選項高級顯示

Question

我有一個國家代碼值的選擇框，他們有一個「短」標籤（2個字母）和一個「長」標籤（全名）。

未選中時，我希望顯示「短」標籤，但單擊後，出現在「長」標籤中的完整選擇應顯示在下拉列表中。

這甚至可能與HTML？或者我需要渲染一個文本字段並使用js/css在它上面繪製選擇？ 是否有可能在任何框架中提供的高級組件？

Answer 1

純HTML不可能。這可能需要基於Javascript的SELECT替換。

查閱這些資源：

• 11 jQuery Plugins to Enhance HTML Dropdowns

（想後對於各個基於jQuery的原型和MooTools的插件，以避免Frameworkism的例子，但不能迅速找到任何現在）

Answer 2

使用帶有短標籤並填充全名的js下拉式文本框來連接可能會更簡單。其中有很多已經完成了大部分工作，它只是對整個效果的一些調整。