如何製作擴展時比關閉時更寬的選項列表

我想創建具有固定寬度的選擇列表，但是當您單擊以展開它時，其他選項可以更寬以容納更長的字符串。有點像一個大型的菜單如何製作擴展時比關閉時更寬的選項列表

我要尋找一個HTML/JavaScript的/ CSS的解決方案（jQuery是罰款）。我試過Google搜索，但我不知道這個行爲被稱爲什麼。

2012-09-28 Curtis

您使用的是什麼瀏覽器？這是大多數瀏覽器的標準問題。我的意思是 - 下拉列表單擊時會顯示選項，並且該下拉列表的寬度將等於最長的字符串。 – Ohgodwhy

[這是正常行爲]（http://jsfiddle.net/CmWwz/）。 –

我可能忽視了一些東西，但是像Ohgodwhy和Sheikh Heera所說，這是一個非常標準的功能。簡單地使用css來設置選擇標籤的寬度將設置靜態顯示寬度，並且當選擇單擊時，結果將被顯示，而與相對於選擇容器的寬度無關。

下面是一個例子：

<select style="width: 100px;"> 
<option>Short</option> 
<option>This is a really really really long option</option> 
</select>

2012-09-28 23:05:31 Mike

回答