設置擴展時Select的最大寬度？

Question

我有以下...

http://jsfiddle.net/WvgSw/7/

我想設置的最大寬度，這樣，當它膨脹（當你點擊它），而不是菜單增長到大於180像素它仍然是最大180px，文字簡單切斷。我將如何實現這一目標？

注意：我更喜歡在JavaScript中的標記，而不是CSS。我知道在CSS中的最大寬度。

Answer 1

儘量選擇框的寬度設置爲自動

menu.style.width = "auto"; 

這樣當你點擊它，它不會擴大，但它不會斷絕最大的記錄。

〜Amrish

Answer 2

檢查下面的代碼：

頁

<select id='select' style='max-width:180px;'> 
    <option class="maxwidth" value="volvo">Volvo</option> 
    <option class="maxwidth" value="saab">Saab</option> 
    <option class="maxwidth" value="mercedes">Mercedes</option> 
    <option class="maxwidth" value="LARGER THAN 180PX TEST TEST TEST TEST">LARGER THAN 180PX TEST TEST TEST TE</option> 
</select> 

CSS

.maxwidth 
{ 
    max-width:100px; 
} 

我已經更新了代碼，你必須提供鏈接d。

http://jsfiddle.net/WvgSw/347/

注：請標明正確的答案，併爲它投票。

Answer 3

據我所知，你不能限制常規的select控件的下拉寬度。您將需要使用自定義控件，或者由您自己構建或使用其他軟件包。

DevExpress和Infragistics等可能提供此功能。