展开选择框

Question

我只是想知道是否有人知道如何将下拉/选择框设置为固定宽度，即125px，但是当你打开它时，下拉部分将自动扩展到列表中的最大项目，当您选择项目时，请将下拉列表调整为125px大小？

它在FF中执行，但目前在IE中没有。

提前致谢， 乙

Answer 1

您可以使用宽度设置宽度：125px。

不确定您是否可以控制弹出窗口部分的宽度，但这通常会自动调整大小，直至达到一些任意限制。

Answer 2

为了达到你想要的效果，我认为你需要使用一些CSS 3属性（这在所有浏览器中都不起作用）或者更有可能使用一些Javascript。

您可以使用选择框的onFocus和onBlur事件，然后相应地更新style.width属性。如果您想要一些代码示例，请告诉我们！

Answer 3

这是一个快速的jQuery解决方案，它将在mousedown上为您调整选择框的大小 - 然后在选择了某些内容后将其更改回来或者您点击它。

var example = $('#some-id');

$(example).mousedown(function() {
        $(this).css('width','400px');                            
});
$(example).blur(function({
        $(this).css('width','200px');                            
});
$(example).change(function() {
        $(this).css('width','200px');                            
});