设置扩展时选择最大宽度？

Question

我有以下内容......

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

我想设置最大宽度，以便在它展开时（单击它时）而不是菜单增长到大于180px，它仍然是最大180px，文本只是切断。我怎么做到这一点？

注意：我更喜欢Javascript中的标记，而不是CSS。我知道CSS中的max-width。

Answer 1

检查以下代码：

网页

    <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;
}

我已更新您提供的链接上的代码。

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

注意：请标记正确的答案并为其投票。

Answer 2

据我所知，你不能限制常规select控件下拉的宽度。您需要使用自己构建的自定义控件或使用其他软件包。

DevExpress，可能还有Infragistics等提供此功能。

Answer 3

尝试将选择框的宽度设置为自动

menu.style.width = "auto";

这样当你点击它时它不会扩展，但它不会切断最大的条目。

〜Amrish