有沒有一種方法可以調整寬度 <select>根據選擇的長度<option>內？

Question

我想實現類似於Amazon在其搜索欄左側的功能（即使他們使用的是div）。

我想單靠CSS並不能解決問題。 我認為需要javascript來計算所選字母，並將其乘以某個值（可能是3px？），並將其應用為父級的寬度。

Answer 1

您可以只添加width: auto; 並display: inline-block; 到代表選項的div，它會根據其內容自動調整大小。

http://jsfiddle.net/JKxTQ/1/

更新2：

使用div作為寬度指示器，因此可以使用其寬度來調整選擇框的大小：

http://jsfiddle.net/JKxTQ/6/

Answer 2

使用Chrome的“檢查元素”，我僅發現使用width：auto可以在包圍它的div上進行選擇。