HTML <option>標籤工具提示

我有一個標籤有許多子節點。我想將此下拉列表的寬度保持爲最小尺寸。但是，有時候，至少有一個選項的innerHTML非常長，強制下拉列表框擴展其寬度。HTML <option>標籤工具提示

我打算做的是截斷長文本並使用省略號表示某些字符已被截斷（「非常loooooong句子」變成「非常loooooo ..」）。爲了顯示全文，我正在考慮在鼠標懸停事件上使用工具提示消息。

不幸的是，每個標籤的onmouseover事件似乎不起作用。我能做些什麼來達到這個效果？

謝謝

來源

2010-02-05 Erwin

您是否嘗試過在

max-width/width css屬性起作用。然而，我試圖通過使用HTML – Erwin 2010-02-05 08:22:33

將標題屬性添加到每個選項應該做的伎倆。

<option value="1" title="Long description">Short desc...</option>

來源

2010-02-05 08:11:03 salgiza

哇的默認功能來顯示全文。永遠不會懷疑:) – Erik 2010-02-05 08:13:39

嘿，酷！有效！這是一個跨平臺的解決方案嗎？ – Erwin 2010-02-05 08:15:56

AFAIK，是的。 Title是一個標準的HTML屬性，應該可以跨瀏覽器和操作系統使用。它可能不會在iPhone等觸摸設備上工作，但（因爲沒有光標可以移動選項）。 – salgiza 2010-02-05 08:22:17

您可以設置<select>的寬度和下拉菜單會超出選擇的寬度。請嘗試以下操作：

<select style="width: 30px"> 
    <option>1</option> 
    <option>really long</option> 
    <option>even more longer</option> 
    <option>This should be long enough to stretch to the end of the page, but the select is still not very long</option> 
</select>

來源

2010-02-05 08:15:04 Marius

HTML <option>標籤工具提示

回答

相關問題