選擇元素：沒有JavaScript的短名和長名？

是否有非javascript方法允許<選擇>元素在摺疊時顯示短顯示文本，在展開時顯示較長文本？我遇到了<選項>的「標籤」屬性，但它僅在IE7 +中受支持。選擇元素：沒有JavaScript的短名和長名？

實施例：

擴展菜單將顯示：

哲學101
宗教學202
簡介冥想303
心及其潛在404

...而...收縮的菜單將顯示（相應的項目）：

PHIL 101
RELI 202
MEDI 303
MIND 404

我使用這個什麼：

我試圖清理幾個選擇菜單的窗體的佈局。可以使用CSS寬度屬性爲菜單實現統一的寬度，但當菜單摺疊時會切斷具有較長顯示文本的項目。顯示較短的文字可以解決這個問題。

來源

2009-10-18 cardflopper

不，沒有任何我知道的方式可以做這樣的事情，而不使用JS。像這樣的東西可能是一個可能的起點，但只適用於Firefox：

<style> 
    .sel:focus .l{display:; visibility: visible;} 
    .sel:focus .s{display: none; visibility: hidden;} 
</style> 
<select class="sel"> 
    <option class='s'>ntry1</option> 
    <option class='l'>entry aaaaaaa</option> 
    <option class='s'>entry2</option> 
    <option class='l'>entry bbbbbbb</option> 
</select>

來源

2009-10-18 09:41:37

選擇元素：沒有JavaScript的短名和長名？

回答

相關問題